Support » Plugin: WPAdverts - Classifieds Plugin » Change the design

  • Resolved asky09

    (@asky09)


    Hey guys,

    do you know how to change the design of the adverts categories buttons?
    And do you know how to change the header of each category?

    thank you very much

    best regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Greg Winiarski

    (@gwin)

    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?

    asky09

    (@asky09)

    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

    Plugin Author Greg Winiarski

    (@gwin)

    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;.

    asky09

    (@asky09)

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

    Plugin Author Greg Winiarski

    (@gwin)

    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.

    asky09

    (@asky09)

    cool, thank you very much!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change the design’ is closed to new replies.