Okay
  Public Ticket #2570784
Help me with 5 columns layout
Closed

Comments

  • Ivan started the conversation

    Hi, this is our website http://bhp.clientwebsitesample.com/. If you scroll down below until you see word "Meet our team" this is the screenshot just in case https://prnt.sc/uztg3w.

    I want to have 5 columns, how can I make that? 

    Looking forward with your response.

    Thank you...

  •  1,831
    Support Agent 1 replied

    Hi Ivan,

    Please note that our themes are using grid system which can show up to 12 columns in one row. The thing is that number of columns must be divisible with 12, so the number of columns that can be displayed is 1, 2, 3, 4, 6 and 12.

    Therefore, for example, 6 columns can be easily added:

    5982564257.png

    Since number 5 is not divisible with 12 in order to add five columns you would need to adjust the code and elements like this:

    Please clone one of the columns in order to have 5 columns in one row like this:

    2607950814.png

    Then, please add extra class name to the section containing the columns:

    4166332839.png

    then, please add the following code to the Appearance> Customize> Additional css;

    @media (min-width: 992px) {
        .column5 .bt_bb_column {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    }

    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Ivan replied

    Thank you for the quick response. I will try that.

    But additional question, can I add scroll to top on the bottom right of the page?

    Thank you...

  • Ivan replied

    5 columns works to me, thank you very much...

  •  1,831
    Support Agent 1 replied

    Hi Ivan,

    You're welcome!smile.png Glad we could helpsmile.png

    Regarding scroll button, unfortunately, the theme doesn't have such functionality.

    In order to add back to top button, you would need to use some third party plugin for that purpose, for example - WPFront Scroll Top.

    Also, in future, please open new ticket for each new problem since it would help us to divide tickets within our team and provide answers in a timely manner.

    Thanks in advancesmile.png


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Ivan replied

    Noted. 

    You can close the ticket now.

    I really like your theme and support response is quick.

    Thank you very much...

  •  1,831
    Support Agent 1 replied

    Hi Ivan,

    You're welcome!smile.png Thank you so much for your kind words!smile.png

    If you are satisfied with our support or you like our product, please consider leaving us a rating. We would really appreciate it! 

    A huge thank you from BoldThemes in advance!



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!