New Landing › How can we help? › Cardinal › Best way to increase gutter width

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Cardinal
  • February 10, 2015 at 8:19 pm #148886
    Paul Victor
    Member
    Post count: 87

    Hi guys,

    Is there a way to easily increase the gutter width between columns? I have looked at the CSS but it seems to be built into Bootstrap and I would rather not mess with that core code. I need to increase the width to 50px.

    Thanks for the response!

    February 10, 2015 at 9:13 pm #148894
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    In what asset do you want to do it? Can you provide a link to that page?

    If it was a gallery item it should be used a code like the one below.

    
.gallery-items.gutters .gallery-item {
padding-left: 25px;
padding-right: 25px;
}

    -Rui

    February 11, 2015 at 2:40 pm #149096
    Paul Victor
    Member
    Post count: 87
    This reply has been marked as private.
    February 11, 2015 at 2:51 pm #149101
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    If you add an extra class to that element, let’s imagnine custom-gutter

    You can use similar code to the one I provided before

    
.custom-gutter {
padding-left: 25px;
padding-right: 25px;
}

    This way it only affect those elements and don’t breaking nothing else.

    -Rui

    February 12, 2015 at 7:59 pm #149640
    Paul Victor
    Member
    Post count: 87
    This reply has been marked as private.
    February 13, 2015 at 9:26 am #149744
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue and wordpress admin login to find any possible solution.
    Thanks
    Mohammad

    February 13, 2015 at 9:44 am #149748
    Paul Victor
    Member
    Post count: 87
    This reply has been marked as private.
    February 13, 2015 at 1:39 pm #149885
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have resolved the issue through given below custom css code:-

    .wpthemeinstall-pricebox-left {
    margin-left: 30px;
    padding-left: 0 !important;
    padding-right: 10px !important;
    width: 24%;
}

.wpthemeinstall-pricebox {
    padding-left: 0 !important;
    padding-right: 10px !important;
    width: 24%;
}

    Thanks
    Mohammad

    February 13, 2015 at 2:07 pm #149912
    Paul Victor
    Member
    Post count: 87
    This reply has been marked as private.
    February 16, 2015 at 10:14 am #150427
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have resolved the issue so please check.

    
@media only screen and (max-width: 479px) {
.wpthemeinstall-pricebox-left {
    margin-left: 0px;
    padding-left: 0 !important;
    padding-right: 0px !important;
    width: auto;
}

.wpthemeinstall-pricebox {
    padding-left: 0 !important;
    padding-right: 0px !important;
    width: auto;
}

}

    Thanks
    Mohammad

    February 16, 2015 at 11:32 am #150465
    Paul Victor
    Member
    Post count: 87

    Perfect! Thanks a lot, Mohammad!

    February 16, 2015 at 12:12 pm #150482
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Cardinal
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register