I would like to achieve the following styling updates:
I would like to apply a gradient colour overlay on top of the header background image as per all the other header sections across the rest of the site.
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):
Hello - hope you can help.
I would like some help styling the blog category archive layout on the following URL:
https://www.weraisedigital.co.uk/lbslaw/category/legislation-updates/
I would like to achieve the following styling updates:
I would like to apply a gradient colour overlay on top of the header background image as per all the other header sections across the rest of the site.
Colour overlay 1 #202350 , Colour overlay 2 #0e0f30
Overlay Strength: heavy, Direction: left top to right bottom
Also I would like the category name (heading) and category description to be centered on the page.
Can you tell me what CSS overrides I would need to put in place to achieve this.
Kind Regards,
Richard
Hey Again,
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):
.archive .page-header-bg-image:after { background: linear-gradient( 135deg ,#202350 0%,#0e0f30 100%) !important; opacity:0.8 !important; } body.archive #page-header-bg { text-align: center !important; }Thanks
ThemeNectar Support Team
Awesome thanks Tahir - that did the trick. Really happy :)