[Admin2019]

Fantastic Skandha.

That worked a treat.

Kindest regards.

[Admin2019]

Hi Skandha

thank you very much. Everything has worked out. I appreciate your patience and assistance.

Regards,

Cathal.

[Admin2019]

Dear Skandha,

I have found some CSS code on the forum pages and one of them fixed my text color issue.

I only have three very small outstanding issues with the theme.

1. When I open http://www.cathalocuaig.com on a web browser on a laptop, the showreel video is not centred.

2. Also, can I reduce the padding around the text & video box in the hero content on http://www.cathalocuaig.com ? As you can see there is a huge amount of padding and it really looks bad on the iPad especially.

I have attached a screen grab for you here:

https://justpaste.it/9f4fr

3. When you go to any of my project pages, such as:

https://cathalocuaig.com/portfolio/farewell-to-music/
https://cathalocuaig.com/portfolio/sisters-of-science/
https://cathalocuaig.com/portfolio/scream-burn/

and you “Select All” (“Ctrl+A”) on the page – it will then highlight what I am referring to. It is black text on a black background – so not visible, but the links are active at the top of the page.

You can see it here in the screen grab – when I “Select All”

https://justpaste.it/7znbl

Can you see it highlighted at the top?

Many many thanks.

Cathal.

[Admin2019]

Hi Skandha,

6. When you go to http://cathalocuaig.com/portfolio/

and “Select All” on the page – it will then highlight what I am referring to. It is black text on a black background – so not visible, but the links are active at the top of the page.

You can see it here in the screen grab – when I “Select All”

https://justpaste.it/7znbl

[Admin2019]

test

[Admin2019]

This is the Additional CSS:

#site-navigation a {
font-size: 20px;
}
.site-search, .mobile-search-wrapper {
display: none !important;
}
.blog .custom-header {
display: none;
}
.navigation-classic .main-navigation ul ul {
background-color: #000;
}
.no-results {
display:none;
}
#masthead .site-search,
body.page .entry-title
{
display: none;
}
.site-description { font-size: 25px; }
.portfolio-entry-header {
height: 50px !important;
}
.portfolio-wrapper .portfolio-entry-header {
padding: 10px !important;
}
.menu-toggle-wrapper {
display: none;
}
#site-navigation a {
text-align: center;
}
.main-navigation ul {
display: block;
}
.home .wrapper.singular-section {
display: none;
}
.postid-52081 .site-inner {
background-color: #000;
}
.postid-52081 .site-inner #content * {
color: #fff;
}
.postid-52093 .site-inner {
background-color: #000;
}
.postid-52093 .site-inner #content * {
color: #fff;
}
.postid-52081 .site-inner #content * {
color: #fff;
}
.postid-52087 .site-inner {
background-color: #000;
}
.postid-52087 .site-inner #content * {
color: #fff;
}
.postid-52084 .site-inner {
background-color: #000;
}
.postid-52084 .site-inner #content * {
color: #fff;
}
.postid-52061 .site-inner {
background-color: #000;
}
.postid-52061 .site-inner #content * {
color: #fff;
}
.postid-52090 .site-inner {
background-color: #000;
}
.postid-52090 .site-inner #content * {
color: #fff;
}
.postid-52056 .site-inner {
background-color: #000;
}
.postid-52056 .site-inner #content * {
color: #fff;
}
.postid-52076 .site-inner {
background-color: #000;
}
.postid-52076 .site-inner #content * {
color: #fff;
}
.postid-52097 .site-inner {
background-color: #000;
}
.postid-52097 .site-inner #content * {
color: #fff;
}
.postid-52092 .site-inner {
background-color: #000;
}
.postid-52092 .site-inner #content * {
color: #fff;
}
.postid-52098 .site-inner {
background-color: #000;
}
.postid-52098 .site-inner #content * {
color: #fff;
}
.postid-52065 .site-inner {
background-color: #000;
}
.postid-52065 .site-inner #content * {
color: #fff;
}
.portfolio-entry-header {
background-color: #000;
}
.portfolio-entry-header .entry-title a {
color: #fff;
}
#site-navigation a {
font-size: 16px;
}
.site-title {
font-size: 29px;
}
.wpforms-container.wpf-center {
margin: 0 auto !important;
max-width: 500px;
}
.portfolio-entry-header .entry-title a {
font-size: 16px;
}
.home .wrapper.singular-section {
display: none;
}
.post-type-archive-jetpack-portfolio .page-header, .post-type-archive-jetpack-portfolio .breadcrumb-area {
display: none;
}
.page-id-52180 .site-inner * {
color: #fff;
}
.page-id-52180 .site-inner {
background-color: #000;
}

[Admin2019]

Hi Skandha,

So I created the Child Theme and made the changes you suggested. However, the problems remain.

1.

I cannot get the Hero Content (My short biography and showreel) appear above the Portfolio section.
Screenshot attached:
https://justpaste.it/5268l

2.

Also, although the text is white on a black background on the about page (http://cathalocuaig.com/about/) it does not appear as white on black on the main page (http://cathalocuaig.com/).

3.

You can still see, when you “select all” that there is a projects page in the hierarchy of each project page.
Screenshot attached:

https://justpaste.it/2wqu4

I will send you the header.php code as I have entered it and also the Additional CSS code now.

[Admin2019]

Hi Skandha,
thanks for the the tips.

However, they are still not working.

5. The background has not changed to black in About page – only the text box has changed to black.

6. PROJECTS PAGE
There is a “PROJECTS” page still appears if I click into one of my projects. I am attaching a screen grab for you.
https://postimg.cc/hhLpsT4W.

If you select the the text at the top the page you will see it. It is not very visible because of the color but it is still there.

Can I remove this and only have the portfolio page?

7. I will attempt the child theme now.

Many thanks.

[Admin2019]

Hi Skandha,

thanks for the tips. some didn’t work however:

5. On the ABOUT ME page: http://cathalocuaig.com/about/
Can I make it a black background and white text please?

I tried this but it didn’t change it (I see there was a missing “k” in background, but it still doesn’t work).

.page-id-52180 .site-inner {
bacground-color: #000;
}

6. PROJECTS PAGE
There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.
https://postimg.cc/hhLpsT4W.
Can I remove this and only have the portfolio page?

I put this into CSS but no good:

.post-type-archive-jetpack-portfolio .page-header, .post-type-archive-jetpack-portfolio .breadcrumb-area {
display: none;
}

Here is a screen grab – you can still see the projects page:

https://jpst.it/2ov-y

7. For that you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

I am willing to try the customisation. How much code does it involve?

Many thanks

[Admin2019]

Hi Skandha

Thank you so much for all your replies. I’m very happy to say that most worked perfectly. Here are the outstanding issues I am having:

1. On the homepage (my portfolio page) – http://www.cathalocuaig.com

On one of the portfolio items “FAOI SCÁTH A CHÉILE”, when looking on an iPad, some of the text is missing. It is the top left project image.
You can see it here as it appears on the iPad.

https://postimg.cc/4Ybq8jqV

2. On the homepage (my portfolio page) – http://www.cathalocuaig.com

Can I change the size of all the text that appear under the images? I have managed to change then from black into white but not reduce the size.

3. At the bottom of my homepage (my portfolio page) – http://www.cathalocuaig.com

there is a lot of padding between the list of portfolio items and the contact form. Can this be reduced in CSS?

4. On my homepage (my portfolio page) – http://www.cathalocuaig.com
Can I create a “darken & zoom” effect when the cursor hovers above the images in my portfolio? Like the effect on this page: https://www.ronniequinlan.com/work

5. On the ABOUT ME page: http://cathalocuaig.com/about/
Can I make it a black background and white text please?

6. PROJECTS PAGE
There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.
https://postimg.cc/hhLpsT4W.
Can I remove this and only have the portfolio page?

7. HERO CONTENT OPTION
Finally. Is there a way to have the “Hero Content” page appear at the top rather than below my portfolio. In order to show you what I am trying to do – I created it in Photoshop. I am attaching the photo here:
https://postimg.cc/ppRbJKj3

I would like the visitor to see my biography and showreel, above my portfolio.

Many thanks Skandha.

[Admin2019]

Hi Skandha,

thanks for your reply. I think we are on different time zones. I have made changes since I wrote to you. However, I couldn’t delete the tickets that I had generated. Yesterday I found some solutions by trawling previous tickets by other people. Some worked. I have also made some changes you suggested. Thanks.

What I am trying to create with your template is a simple portfolio page. I think it would also be attractive for other creators like me if I can get it to work. What I would like is to have one landing page which show both my biography at the top, followed by my portfolio followed by a contact page. I like the dark theme idea and find it works great for film projects in a portfolio. In order to show you what I am trying to do – I created it in Photoshop. I am attaching the photo here:

https://postimg.cc/ppRbJKj3

Here are the outstanding issues in trying to make this happen:

1. On the homepage (my portfolio page) – http://www.cathalocuaig.com

How can I turn all the text into white against a black background?

2. On the homepage (my portfolio page) – http://www.cathalocuaig.com

On one of the portfolio items “FAOI SCÁTH A CHÉILE”, when looking on an iPad, some of the text is missing.

Is it possible to reduce the size of the font across all of the portfolio items?

3. At the bottom of my homepage (my portfolio page) – http://www.cathalocuaig.com

there is a lot of padding between the list of portfolio items and the contact form. Can this be reduced in CSS?

4. On your demo, it says “Show Titles on Hover”. How can I make that happen? As in to have the text over the image in the portfolio page and have it change colour/zoom on hover?

5. Could I have my biography and showreel above the portfolio instead of on another page (http://cathalocuaig.com/about/)

6. Is there a way to change the text colour and the background color on each of the different project pages such as this:
http://cathalocuaig.com/portfolio/slan-leis-an-gceol-farewell-to-music/

Instead of a white page with black text, can I change it to a black page with white text?

7. Can I have more than 12 projects visible in the Portfolio Page?

8. There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.

https://postimg.cc/hhLpsT4W.

Many thanks Skandha.

Cathal.

[Admin2019]

I found a CSS code on your forum that solved this. Thanks.

[Admin2019]

Yes. Thanks. That solved the problem.

[Admin2019]

Thanks. That worked. However, on one of the portfolio items “FAOI SCÁTH A CHÉILE”, when looking on an iPad, some of the text is missing.

Is it possible to reduce the size of the font across all of the portfolio items?

http://www.cathalocuaig.com

Many thanks.

[Author]

Posts