Design: white border in black sections

  • For our start page, we want a distance of 20 pixels to the left and right of our three black sections, so that a thin white border is created. For mobile, we want a margin of approx. 4 pixels. We use the SitOrigin PageBuilder. We have already been able to realise our plan for the headings. Unfortunately, we have not yet found a solution if there is an image in the row or the row has more than one column. How can we solve this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @miller2023,

    SiteOrigin’s row has an option to add custom CSS class name. Ref: https://i.snipboard.io/HA0jZo.jpg

    So you can apply specific style for widget/content inside the row which has specific class name assigned. For example:

    @media only screen and (max-width: 991px) {
    .my-row-class .widget {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
}
    Thread Starter miller2023

    (@miller2023)

    Thanks @kharisblank.

    But how can we solve the issue regarding the distance of 20 pixels to the left and right in desktop version?

    Hi @miller2023,

    Upon checking with your site, looks likely your page builder controls the layout as well as with its padding. That being said, ideally you should be able to control the padding from your page builder’s padding option.

    If you couldn’t locate it, you might want to contact the plugin’s author.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Design: white border in black sections’ is closed to new replies.