Hi,
I would like if it’s possible a specific configuration for my filter. Currently, I can not get what I want.
Here is the link from my page: http://www.micropole-learning-solutions.com.qual.micropole.com/index.php/success-stories/
And here is the model of what I would like: https://imgur.com/a/LCLv3
I thank you in advance to see if it is possible.
Hey micropoleinstitut,
Thank you for using Enfold.
Please add the following css code in the Quick CSS field.
.av-masonry-sort .text-sep {
display: none !important;
}
.av-masonry-sort a {
height: 100%;
background: black;
border-right: 1px solid green;
padding: 0 10px;
}
#top .av-masonry-sort {
padding: 0 40px;
line-height: 70px;
}
#top .av-masonry-sort .active_sort {
background: green;
color: white;
}
#top .av-masonry-sort a:hover {
background: green;
color: black;
}
Adjust the values as needed.
Best regards,
Ismael
Hi,
Thank you very much.
That’s almost it, but I would like the filter fields to be centered and the field to the left (which repeats the selected filter field) no longer exists. It would also be necessary that the whole width of the page where the fields are located in black background.
Here’s the template for you to understand better : https://imgur.com/a/LCLv3
Thank you in advance for your patience
Hi,
Thank you for the update.
Please add this css codes below the previous ones.
#top .av-current-sort-title {
display: none;
}
#top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat {
width: 100%;
}
#top .av-masonry-sort {
background: black;
}
Again, you can adjust the values as required.
Best regards,
Ismael
It’s perfect !! Thank you very much