Hi,
Please can you tell me how I can edit the styles for the portfolio sorting text. There are several pages I want to do it one, but here is one example – http://bergstromlighting.co.za/hospitality-lighting/
Thanks,
Shane
Hey Shane,
You are looking to change the font and color? If so this can be done via quick css. You can get the classes via the browser inspector.
Best regards,
Jordan Shannon
Hey Jordan. Thanks, I am aware of how to get the classes. I am looking to do something like the portfolio on this page – http://kriesi.at/themes/enfold-overview/ (https://www.dropbox.com/s/dtua2tex9wsh6b4/Screen%20Shot%202017-08-07%20at%207.00.42%20PM.png?dl=0)
Hi,
What is the screenshot showing me? I’m not understanding the exact need.
Best regards,
Jordan Shannon
The ‘menu’ is full width and the background of the links is highlighted/filled with colour.
Hi LonelyViking,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.main_color #js_sort_items a {
min-width: 90px;
text-align: center;
min-height: 50px;
line-height: 50px;
margin-left: 2.53%;
padding: 0 10px;
font-size: 16px;
}
.main_color #js_sort_items a:first-child{
margin-left: 0px;
}
.main_color #js_sort_items {
background-color: #eee;
}
.main_color #js_sort_items a.active_sort {
color : #fff;
background-color: #444;
}
.main_color #js_sort_items a:hover {
color: #88bbc8
}
#js_sort_items .text-sep {
display: none;
}
Is this close to what you’re aiming at?
If you need further assistance please let us know.
Best regards,
Victoria