Change the design

Hi,
i am not exactly sure what do you mean, can you paste here a link to a page where i can see what are you having problem with?

Hey,

thank you for your fast response!
Our website isn′t online yet. So I try to describe my problem.
The buttons have a grey background and the icons are red, can I change the colours and the size of the buttons?

best regards

Hi,
ohh i missed that you want to change the [adverts_categories] buttons, yes this is possible by adding the code below in wp-admin / Appearance / Customize / Additional CSS panel

/* change gray background */
.adverts-categories-top .adverts-flexbox-item {
    background-color: blue;
}
/* change icon color */
.adverts-categories-top .adverts-flexbox-item span.adverts-flexbox-icon {
    color: white;
}
/* change text color and size */
.adverts-categories-top .adverts-flexbox-item .adverts-flexbox-title {
    font-size: 16px;
    color: white;
}

If some of the rules will not work you can force them with “!important” keyword, for example the color: white; would become color: white !important;.

cool, thank you very much!
My last question: how can I change the size of the buttons?

You can change the height of the boxes by adding the code below in the Additional CSS panel

.adverts-flexbox-wrap { padding: 10px }

Note this will change the height only, to change the width you need to use a page template which will give the [adverts_categories] shortcode more space (for example some full width template) or have less category boxes per line you can do that using a “columns” param like this

[adverts_categories columns="2"]

This is because the adverts categories grid is using a flexbox which automatically resize its width to fix exactly in the space it has.

cool, thank you very much!!