Grid on upfront make split equally?


Im using Upfront theme luke + Sarah. Tried to split these images/text up equally but seems the last one on the right is slightly smaller? is there a way to change the grid size / number of columns? so that they can be made equal? screenshot –

domain –

Support Access is open

Please dont post any brand related information/ screenshots or domain links as i have had issues with google caching this information and linking it to their google searches of my site … very bad for brand… please use temporary image upload / tiny url / pastebin etc to mask this information.



  • Rupok
    • Support Ninja

    Hi Tom,

    You can use the following custom CSS code to make those blocks same width:

    #wrapper-1473581610445-1979, #wrapper-1473581618735-1955, #wrapper-1473581622415-1283, #wrapper-1473612076032-1620, #wrapper-1473612079763-1352 {
    width: 20% !important;

    You can use this code in Global Theme CSS. Please check the attached screenshot for reference.

    I'm afraid, you can't set number of columns with auto width in Upfront natively, but you can always do that in another way. You can create preset for a div and set custom css for that preset defining your target width. So if you want 4 column preset, you can set that div width 25% and repeat that div 4 times. If you want 5 column preset, you can set that div width 20% and repeat.

    Please let us know if you have any confusion or if you are stuck at any point. We will be glad to help.

    Have a nice day. Cheers!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.