New Landing How can we help? Atelier Border between columns?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Posted in: Atelier
  • #300738
    alexanderchristiansen
    Member
    Post count: 179

    Hi SwiftIdeas,
    Please see attached photo.
    The second block with a grey background – you can see three columns, the first with the text “100% satisfaction guarantee …”
    Between those columns we have a white-border. How can we recreate this with your theme and swift builder?

    currently my page is looking like this:
    https://organicbasics.com/subscription-2/

    Only thing missing is the two borders between the columns.

    Attachments:
    You must be logged in to view attached files.
    #300753
    David Martin – Support
    Moderator
    Post count: 20834

    You would need to use CSS.

    First you want to add a custom class (ex, test) to the parent Row so you can target elements within.

    Then you can use something like this:

    .test .spb-column-container:nth-child(even) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    #300787
    alexanderchristiansen
    Member
    Post count: 179

    amazing David!
    That made the trick thanks a bunch!

    #300790
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks David.

    -Rui

    #300791
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help you out!

    Thanks,
    David

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register