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):
.material #footer-outer .widget ul.menu li a {
font-size: 14px !important;
}
body.material:not(.using-mobile-browser) .portfolio-filters-inline[data-color-scheme*="-underline"] a:after {
border-bottom: 2px solid #000;
}
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 ul ul {
border-bottom: 1px solid #ccc;
}
could you please help me again? My client wants to add 2 more things to the same website. I am just a designer and I don't know how to do it.
1) The thin grey line we added previously under the portfolio filters - They want it to underline first filter too. (ex. picture attached).
2) They want to add 3 thin vertical equal height lines to separate footer columns with 60px padding (ex. picture attached). I tried to add some CSS code for the lines, but my lines were different in height and didn't cover headings so I removed them.
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):
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):
Dear Team,
could you please help me with CSS codes for 2 issues?
1 issue: Footer navigation menu size - I need it to be 14 px, but none of the codes I've found online were helpful.
I used this piece of code:
#footer-outer #footer-widgets .col p {
font-size: 14px !important;
}
but it didn't affect the navigation part.
2 issue: Is it possible to add straight thin horizontal line under each portfolio filter labels line?
Thank you in advance!
Hey Tatjana,
Thanks for using Salient.
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):
.material #footer-outer .widget ul.menu li a { font-size: 14px !important; } body.material:not(.using-mobile-browser) .portfolio-filters-inline[data-color-scheme*="-underline"] a:after { border-bottom: 2px solid #000; }Thanks
ThemeNectar Support Team
Dear Tahir,
thank you so much! Footer looks very good now!
About the filters - I meant it to look like my attcahed picture. I meant fullwidth thin lines under each filter line. Is it possible?
Also THANK YOU for your support! I am learning so much from different ticket answers! The theme is so good and multifunctional!
Attached files: 000-01.png
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):
.portfolio-filters-inline ul ul { border-bottom: 1px solid #ccc; }Thanks
ThemeNectar Support Team
It worked! Thank you so much!
Dear Tahir,
could you please help me again?
My client wants to add 2 more things to the same website. I am just a designer and I don't know how to do it.
1) The thin grey line we added previously under the portfolio filters - They want it to underline first filter too. (ex. picture attached).
2) They want to add 3 thin vertical equal height lines to separate footer columns with 60px padding (ex. picture attached). I tried to add some CSS code for the lines, but my lines were different in height and didn't cover headings so I removed them.
Attached files: filter-01.PNG
footer-01.PNG
Hi There,
Please try this css:
.portfolio-filters-inline ul li, .portfolio-filters-inline ul ul {border-bottom: 1px solid grey;
} .portfolio-filters-inline ul ul {
border-bottom: 0px solid #e7e7e7;
} #footer-outer .col {
border-right: 1px solid grey;
height: 263px;
}
Thanks.
Thank you, Judith!
Almost works. Only the footer has 3 additional unnecessary dividers. How can we remove them? (picture attached)
Attached files: remove_three_dividers.PNG
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):
#footer-outer #copyright .col { height: auto !important; border: none !important; }Thanks
ThemeNectar Support Team
Almost. :)
That last one should be removed too, but it resists all my efforts to delete it :)
Attached files: remove_last_divider.PNG
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):
#footer-outer .col:last-child { border: none !important; }Thanks
ThemeNectar Support Team
Greatest thanks! Done! <3