-
Posts
-
Hi, for the life of me, I can’t find a way to make a design like this on this theme.
Essentially want to make 4 columns, with an image above, white box below with the text, all on a different color background (basically exactly like the image above)
Issues I’ve run into:
-Using grid columns, with image as the background image, but everything butts up against each other. If i change CSS styling on grid, i don’t know how to make sure it only changes on one page only
-I tried inserting the image as a media item, but the text below wouldn’t line up correctlyany thoughts on achieving this design with the theme?
Hey designmek,
Thank you for your patience, try using a color section with a gray background color, and add four 1/4 columns with a background image and a whitespace element to set the height of the column to something like 200px:
Then add four 1/4 columns with a background color of white and zero margin in the row margin option, and add a text element with the custom class bottom-text-padding
then use this css to add a little left padding to the text:.bottom-text-padding { padding-left: 10px; }This is the results I had:
or if your previous attempt is working good you can add a custom class to your grid so your css only changes your one grid.Best regards,
Mike
- You must be logged in to reply to this topic.