Home / Forums / DynamiX Support / Custom Shop page – smaller boxes (5 abreast)

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts

  • zvaracka
    Participant

    please how to change from classic 3 products abreast to 5?

    thanks in advance.


    zvaracka
    Participant

    I found it. I’m set it to 4 boxes a row.
    But now i have other problem. Buttons “View” and “Add to cart” are still big. Boxes are smaller but buttons no.
    How to change it?

    Andy
    Andy
    Keymaster

    Hi,

    You can override it the size with some custom CSS. Do you have a link please and I’ll help to customize it.


    zvaracka
    Participant

    here is link with problem

    http://www.plysovekytice.sk

    Andy
    Andy
    Keymaster

    Hi,

    Try placing this CSS into Appearance > Theme Options > Customize > Custom CSS:

    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline {
     padding:10px;
     padding-right:35px;
    }
    
    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline i {
     right:10px;
    }

    zvaracka
    Participant

    Big thanks and please how to make that buttons smaller? and abreast?

    http://i.imgur.com/3JVffSI.jpg like this

    Andy
    Andy
    Keymaster

    Hi,

    Please adjust the CSS I have you above, the smaller the values, the smaller the buttons will become and appear next to each other. i hope that helps.


    zvaracka
    Participant

    sorry but maybe dont understand
    im trying this

    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline {
     padding:10px;
     padding-right:10px;
    }
    
    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline i {
     right:10px;
    }

    but dont work 🙁

    Andy
    Andy
    Keymaster

    Try replacing the CSS with this:

    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline {
     padding:5px;
     padding-right:15px;
    }
    
    .vc_grid-container .vc_general.vc_btn3.vc_btn3-style-outline i {
     right:5px;
    }

    zvaracka
    Participant

    smaller … OK
    abreast … no 🙁

    Andy
    Andy
    Keymaster

    They appear side by side for me.


    zvaracka
    Participant

    ohh … yes yes
    how to remove border?

    border: 0;
    or
    border: 0px;

    dont work

    Andy
    Andy
    Keymaster

    You can edit the appears of the buttons via Visual Composer > Edit Grid Gallery > Item Design > Modify selected and you can then edit the buttons and change the appearance.

    I hope that helps?

    Alternatively try this bit of CSS:

    .vc_grid .vc_gitem-link.vc_btn3-style-outline.vc_btn3-color-white {border:none !important;} NOTE – this will do it for all galleries that contain White Outline Buttons.


    zvaracka
    Participant

    How to modify it? :/

    http://i.imgur.com/Y6DSiKa.jpg

    Andy
    Andy
    Keymaster

    Click on the “Hover Block” as it doesn’t appear until you hover over the element.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.