Can you help me with CSS for styling the color of the portfolio sorting text on my portfolio page? I know it's pulling gray / white from the theme CSS but i'm having trouble locating it so I can style it myself to a different color.
You need to switch to the "Default Template" in the "Page Attributes" Metabox and then add in the "Portfolio" Page Element to select the FilterColor Scheme as highlighted in the screenshot below.
Thanks for this. But I'd like to customize it beyond the options here. (It uses one of my Extra Colors - here it's the light turquoise - but it's automatically pulling #000 or #333 for the others and I'd like to change that).
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). You can customize the colors to suite your needs.:
.portfolio-filters-inline ul li a {
color: #f3a203;
}
.portfolio-filters-inline.non-fw ul li a:hover {
color: #f3a203;
}
Now - how to I adjust the font of the left-aligned category label that's appearing. I've adjusted all the fonts in the typography section of salient options, but this remains in a font that I haven't set.
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):
Hi,
Can you help me with CSS for styling the color of the portfolio sorting text on my portfolio page? I know it's pulling gray / white from the theme CSS but i'm having trouble locating it so I can style it myself to a different color.
thanks!
Hey Again,
You need to switch to the "Default Template" in the "Page Attributes" Metabox and then add in the "Portfolio" Page Element to select the FilterColor Scheme as highlighted in the screenshot below.
Thanks.
ThemeNectar Support Team
Thanks for this. But I'd like to customize it beyond the options here. (It uses one of my Extra Colors - here it's the light turquoise - but it's automatically pulling #000 or #333 for the others and I'd like to change that).
Any tips on how to do that?
Hello again,
Thank you for getting back to us.
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). You can customize the colors to suite your needs.:
.portfolio-filters-inline ul li a { color: #f3a203; } .portfolio-filters-inline.non-fw ul li a:hover { color: #f3a203; }Try that and let us know how it goes.
Thanks,
Thanks! This works.
Now - how to I adjust the font of the left-aligned category label that's appearing. I've adjusted all the fonts in the typography section of salient options, but this remains in a font that I haven't set.
Help?
thanks!
Hey A,
Thank you for getting back to us.
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):
.portfolio-filters-inline #current-category { font-family: EB Garamond; text-transform: lowercase; font-size: 20px!important; line-height: 30px; font-weight: 400!important; }Try that and let us know how that goes.
Thanks,