Fotografie – Portfolio – Tagline – Change Capitalize

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.

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.

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

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.

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;
}