Hi I would like to apply an overlay to the header on this page. It would be cool if I could do a custom overlay like the one on this page (https://thepointsguy.com/2017/08/alaska-adding-gogo-2ku/) but if that's not possible I would like to at least do a slight black overlay so the white font is easier to read. I saw a setting for this under the portfolio section, but not on the blog section.
Also 1 more question since we're talking about CCS. How do I make my bold font more bold and stand out. It's hard to tell the difference between the normal font and bold font right now. (see attachment)
1) About the bolder font, the CSS is limited to 900 and there isn't a higher value after that. You would need to change other aspects of the font to make it stand out.
2) About the overlay still being on your page header images, there might be setting you have enabled but you can remove the overlay with this CSS:
Hi I would like to apply an overlay to the header on this page. It would be cool if I could do a custom overlay like the one on this page (https://thepointsguy.com/2017/08/alaska-adding-gogo-2ku/) but if that's not possible I would like to at least do a slight black overlay so the white font is easier to read. I saw a setting for this under the portfolio section, but not on the blog section.
Thanks!
Brandon
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after { background: -webkit-linear-gradient(bottom,rgba(15,21,104,.5),rgba(15,21,104,.5)); background: linear-gradient(0deg,rgba(15,21,104,.5),rgba(15, 21, 104, 0.5)); }Thanks
ThemeNectar Support Team
Thank you! How do I remove CCS once I add it?
Also 1 more question since we're talking about CCS. How do I make my bold font more bold and stand out. It's hard to tell the difference between the normal font and bold font right now. (see attachment)
Thanks!
Brandon
Hi again,
Thank you for writing back to us.
You can remove the CSS code by simply deleting it. It will take out the previously applied effect as well.
As to make the font bolder, please add this code as well:
.bold, strong, b { font-family: Comfortaa; font-weight: 900; }Hope this helps.
Best regards.
Hi thanks, I added that script, but it doesn't make my bold font any bolder.
Also I deleted the CCS code with the overlay but the overlay is still present on all my headers.
http://traveldocmd.com/three-alaska-airlines-credit-cards-same-day/
http://traveldocmd.com/reconsideration-calls/
Hi Brandon,
Apologies for the late reply.
1) About the bolder font, the CSS is limited to 900 and there isn't a higher value after that. You would need to change other aspects of the font to make it stand out.
2) About the overlay still being on your page header images, there might be setting you have enabled but you can remove the overlay with this CSS:
.nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after{ background-color:transparent; }Add it to salient \ general settings - css script related - custom css code.
Hope this clears things up.