Home Forums Technical Support Make all icons align on a single row

Topic Resolution: Resolved

This topic contains 12 replies, has 2 voices, and was last updated by  Nitro Support 3 months, 4 weeks ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #19845

    <p style=”text-align: left;”>Hello Louis and good day to you, I would love to make all icons align on a single row, those are single images I got from form icons8.com.</p>
    So i just added them right now on the mobile view I would really love for you to give perhaps a case code to make them all align on a single row as they are suppose to be my featured categories

    Attachments:
    You must be logged in to view attached files.
    #19854

    Hi,

    Are you using this custom class for these columns: vc_col-sm-1/5 ?

    Please change it to something else like “vc_col-sm-one-row” so I can style it.

    Thank you

    #19858

    Am sorry I don’t understand?

    #19863

    Hi,

    Let me put in this way, please add a custom ID to the Row contains these images.

    Thank you

    #19866

    Where exactly am i suppose to put that, am sorry for the drag, and is it this “vc_col-sm-one-row” am suppose to put in

    #19867

    So i added the ID as in the image below, what next?

    Attachments:
    You must be logged in to view attached files.
    #19876

    Hi,

    You can try the css below (add to Customize > System > Custom CSS at the first line):

    @media handheld, only screen and (max-width: 960px) {
    #vc_col-sm-one-row .wpb_column.vc_column_container {
        width: 20%;
        float: left;
    }
    }

    Here is the result: http://prntscr.com/osdoad

    Thank you

    #19877

    Supper effective Louis, but I have another request, I would love to make an outline like the one in the image.

    #19878
    • Just like this
    Attachments:
    You must be logged in to view attached files.
    #19880

    Currently this is how mine looks, would be supper pumped if I can achieve this. I believe there is a CSS code to achieve this. My CSS skills aren’t that advanced. Thanks in advance Louis wouldn’t have done this much without your assist

    Attachments:
    You must be logged in to view attached files.
    #19890

    Hi,

    You can use the css below:

    #vc_col-sm-one-row .wpb_single_image.wpb_content_element {
        border: 1px solid #000;
    }

    Thank you

    #19936

    Did work thanks Louis.

    #19937

    Hello,

    We are happy to see that problem solved 🙂

    Also if you have some spare time and if you are satisfied with our support, we would really appreciate it if you would be willing to rate us with 5 stars on this link – http://themeforest.net/downloads

    By doing this you will be helping us build even better themes and provide better support.

    Thank you in advance.

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Make all icons align on a single row’ is closed to new replies.