Home>Support>Question about homepage Vantage theme

Question about homepage Vantage theme

By Daily Deals, 7 years ago. Last reply by Alex S, 7 years ago.

Hi all,

I want to make something like this for my homepage, but can’t find out how to..

https://gyazo.com/e5e70f83becbc8c92c17fcf3fe3e1bba

I’ve tried a lot of different ways but I’m a little stuck rn
-Buttons don’t work ’cause I can’t change icon size
-Features doesn’t allow me to put the text directly underneath the icon

Does anyone know how I can make this on my page?

Kind regards,

Kevin

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Kevin,

    I would use the SiteOrigin Features widget to do this – make sure to set the Container Position to top and the Container Shape to none. Alternatively, you could also accomplish this with a SiteOrigin Icon widget and an editor (or SiteOrigin Headline) widget.

  2. 7 years, 2 months ago Daily Deals

    Hi Alex,

    I’ve tried that already but couldn’t get it the way I want it.

    I’ve manage to get it like this:
    https://gyazo.com/a0606f85e8757f6d0a7e961f7266b144

    By making some changes using the siteorigin css editor

    But I want it like this(and to be responsive on mobile):
    https://gyazo.com/948db8f95674f38c8151ac6dab1bc1bf

    Since I can’t figure it out I’ve changed it so several small buttons..
    Is there a way to make the buttons the same size? That the number of text won’t matter for the size of the button. I checked out some posts related to this but the custom CSS code didn’t seem to work for me..

    Thanks in advance,

    kind regards,

    Kevin

  3. 7 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Kevin,

    Hm. Okay, so the way I would do this is to have the headline (being the “vergelijk” text) be its own row and then have the “buttons” be its own row also.

    Please open the row housing the buttons and head over to the row styles sidebar. Open the Layout settings group and set the Cell Vertical Alignment to Stretch. Click the first column and then head back over to the sidebar on the right and find the Cell 1 Styles section. Open the Design settings group and set the background color to the white color used for the background. Open the Layout settings group and set the padding to 10 0 10 0 and then repeat this process for the rest of the columns.

    When you’re done head back over to the styles sidebar and open the Row Styles layout settings group. Set the Gutter to 5%. Set the Row Layout to Full Width Stretched. Click Done.
    Then move the previously designed button contents to the new “button” columns. How does that look?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More