Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1262469
    yhshin1020
    Participant

    Hey,

    I want to create a three column icon grid in Visual Composer.

    I have managed to do it except that for some reason that whole content band is not centered to the middle of the page.

    How can I center it properly?

    Thanks.

    #1262471
    yhshin1020
    Participant
    This reply has been marked as private.
    #1262492
    yhshin1020
    Participant

    One More Question: I’m trying to create a grid like that in VC, is this the best way to go about doing it apart from block grid?

    Thanks.

    #1262540
    Joao
    Moderator

    Hi There,

    On Visual composer you have inserted on your content bad inline CSS

    padding-left: 7%; padding-right 7%;

    There is a missing : after padding-right, so just padding-left is working, you can either remove the whole code or fix it to:

    padding-left: 7%; padding-right: 7%;

    Hope that helps

    Joao

    #1262553
    yhshin1020
    Participant

    Hey,

    2 questions:

    1)

    On Visual composer you have inserted on your content bad inline CSS

    do you mean the code is bad because it has a missing : or is it generally a bad idea to set a padding left and right inline like that?

    2)

    One More Question: I’m trying to create a grid like that in VC, is this the best way to go about doing it apart from block grid?

    Thanks a ton.

    #1262646
    Joao
    Moderator

    Hi There,

    1- Sorry, the code is “bad” because it has a syntax error, otherwise it is totally ok 🙂

    2- That is good.

    Please add the following code to Appereance > Customizer > Custom > CSS so your titles don´t get over each other when in smaller resolutions.

    @media (max-width: 1400px) {
    h2.h-custom-headline.omskills {
        font-size: 1.5em; !important
      }
    }    
      

    Hope that helps

    Joao

    #1262865
    yhshin1020
    Participant

    Thanks a ton.

    #1262971
    Joao
    Moderator

    You are welcome,

    Joao

  • <script> jQuery(function($){ $("#no-reply-1262469 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>