I am having difficulty making the header text readable over the header image on my portfolio pages. Is there a way to either hide the header text (title text) from the header or place a feint background color in back of the text so that it will show up as more readable?
We would still write custom CSS script for the color overlay.
The previous code will affect all projects, to eliminate just one, we would include the post id class selector too i.e .postid-15383 that's a class attribute in the body tag.
I hope this helps! Please let me know if you have any further questions!
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I am having difficulty making the header text readable over the header image on my portfolio pages. Is there a way to either hide the header text (title text) from the header or place a feint background color in back of the text so that it will show up as more readable?
Thank you.
Hi Gilda,
Great to have you back.
You can hide the portfolio title using the custom CSS code snippet below:
#page-header-bg .project-title { display: none !important; }Please let me know if this suits you or you prefer the color overlay option while leaving the page title visible.
Kind regards,
Salient Theme Support
Thank you. Would you please show me the color overlay option?
Regarding the code below, would using that method eliminate titles from all projects? Is there a way to specify just one?
Hi Gilda,
Good to hear from you.
We would still write custom CSS script for the color overlay.
The previous code will affect all projects, to eliminate just one, we would include the post id class selector too i.e .postid-15383 that's a class attribute in the body tag.
I hope this helps! Please let me know if you have any further questions!
Kind regards,
Salient Theme Support
Hi
I can't make it work.
this is what I posted in CSS:
#portfolio-header-bg .postid-21862 .project-title {
display: none !important;
}
This is the post. the title in the header still shows up and is hard to read.
https://drpop.org/portfolio/magic-memoir/
Can you please advise?
Thanks.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.postid-21862 .project-title { display: none !important; }Thanks
Salient Support Team