Docs

[ANDREA V]

Hi,

I would like to change the colour of a single portfolio category button to make it different from the others as per my client request.
The thing is I can see the class: x-portfolio-filter, but the single elements in the taxonomy seems to don’t have an id.

Is there a CSS code I can use to solve this issue?
Please see the attachment: in a nutshell I would like to change the butto “FOR RENT” in a yellow background.

thank you very mutch

[Thai]

Hi There,

Please add the following CSS:

ul.x-portfolio-filters-menu li:nth-child(1) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(2) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(3) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(4) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(5) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(6) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(7) a {
    background-color: rgba(185, 63, 63, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(8) a {
    background-color: rgba(31, 46, 154, 0.49);
}
ul.x-portfolio-filters-menu li:nth-child(9) a {
    background-color: rgba(69, 76, 27, 0.49);
}

Hope it helps 🙂

[Author]

Posts