[Admin2019]

Hi team and a happy New year to you.

I have updated my website and am using your Fotografie theme but it is leading to some issues.

My page is a portfolio page (www.cathalocuaig.com).

I will break the issues up into different tickets.

1. I would like the biographical text that is in the footer to be at the top of the page, above the portfolio. The only way I can get the text up there is by putting it into the “Tagline” section of the site identity. However, that capitalises all the text. How can I have the Tagline as a rich text that allows Bold, etc?

[Skandha]

@admin2019: Hello there,
Can you please clarify which text you are referring to on your site as biographical text? I am not able to understand the issue you are having.

Kind Regards,
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.

[Skandha]

@admin2019: Hello Cathal,

1. To change the Portfolio title color to white and background to black

.portfolio-entry-header {
    background-color: #000;
}
.portfolio-entry-header .entry-title a {
    color: #fff;
}

2. Can you please attach a screenshot of the issue on iPad?

3. To remove the below the Portfolio posts on homepage
.home .wrapper.singular-section {
display: none;
}

4. Please let me know what you would like to change on hover.

5. For that
Go to => Appearance => Customize => Theme Options => Hero Content Option => Enable the section => Select Type as Page and Select the About page and Publish.

6. To change the text color and background http://cathalocuaig.com/portfolio/slan-leis-an-gceol-farewell-to-music/

.postid-52081 .site-inner {
    background-color: #123456;
}
.postid-52081 .site-inner #content * {
	color: #f23456;
}

7. I am afraid that is not possible.

8. Do you want to remove that?

Let me know if this works out!
Kind Regards,
Skandha

[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.

[Skandha]

@admin2019: Hello Cathal,

1. & 2.

.portfolio-entry-header .entry-title a {
    font-size: 19px;
}

You can change the font size according to your choice.

3.

.home .wrapper.singular-section {
    display: none;
}

5.

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

6.

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

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.

Let me know if this helps you out!
Kind Regards,
Skandha

[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

[Skandha]

@admin2019: Hello Cathal,

5. I see that the background has changed to black in About page.
To change text to white use the following CSS Code.
.page-id-52180 .site-inner * {
color: #fff;
}

6. I checked your site and this issue seems to have been solved.

7. First you will need to create a child theme.
To create a child theme you can use our plugin Generate Child Theme.

Install and Activate the plugin.
Then,
Go to => Dashboard => Generate Child Theme => Select Parent Theme as Fotografie and fill in remaining fields and Click on Generate.

This will create and activate the child theme.

Copy the file header.php from your parent theme folder to the child theme folder.

Edit that file and swap the code lines 50 & 52 with each other.
Now, the hero content should show up before the portfolio section.

Let me know if this works out!
Kind Regards,
Skandha

[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,

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]

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]

test

[Skandha]

@admin2019: Hello Cathal,

5. Add the following CSS Code.

.page-id-52180 #page {
    background-color: #000;
}

6. This is how the http://cathalocuaig.com/portfolio/ shows up at my end. Check out the screenshot.

7. Regarding the child theme. Is the child theme activated on your site?
I will need to look into your site to debug the issue. I have sent you an email. Please check your inbox as well as the spam folder.

Kind Regards,
Skandha

[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

[Skandha]

@admin2019: Hello Cathal,

6. I don’t see the issue that you mentioned. There is no text that is not visible.
Check out the screenshot.

Kind Regards,
Skandha

[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.

[Skandha]

@admin2019: Hello Cathal,

1. Please use the following CSS Code.

.hero-content-wrapper article .wp-block-embed {
    text-align: center;
}

2.

.hero-content-wrapper .entry-header {
    display: none;
}
.hero-content-wrapper {
    margin-top: 0;
}
.hero-content-wrapper .entry-container {
	padding: 0px;
}

3.

.breadcrumb a, .breadcrumb-current {
    color: #fff;
}

Let me know if this solves your issue.
Kind Regards,
Skandha

[Admin2019]

Hi Skandha

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

Regards,

Cathal.

[Skandha]

@admin2019: Hello Cathal, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/fotografie/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts