New Landing How can we help? Themeforest Theme Support Dante 2 Columns Full width with BG colour

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Dante
  • #210821
    Jackcoldrick
    Member
    Post count: 84

    Hey guys,

    I’m wondering if you know how I could implement the following:

    I’m trying to create a full width row that contains 2 columns. 1 Column is blue the other is Green. The columns have to be full width with no padding to make it look like the row is 50% blue and 50% green.

    I’ve attached a screenshot of what I mean. I had thought about using a background image but preferably i’d like to be able to do this by having 2 6 column divs with a bg colour.

    thanks for any help

    Attachments:
    You must be logged in to view attached files.
    #210841
    Jackcoldrick
    Member
    Post count: 84

    Hi All,

    Just wanted to say don’t worry about answering this (unless you’ve a better solution). I managed to fix my issue. For anyone who might want to achieve the same thing I did the following:

    1. Added a full row and set it to “content full width”
    2. Inside this row I added 2 custom HTML components and set them to 6 columns so they display side by side
    3. I then removed the padding from the spb_content_element by adding a class to the row and targeting as follows:

    .my-custom-row-class .spb_content_element.col-sm-6.spb_raw_html {
        padding: 0;
    }

    4. Finally remove all margin and padding from the parent row and you end up with 2 columns side by side, full width with a custom BG colour.

    #211256
    David Martin – Support
    Moderator
    Post count: 20834

    Hey,

    That looks like a simple way of doing it, not sure I could add a simpler solution for you.

    Thanks,
    David.

    #211922
    Jackcoldrick
    Member
    Post count: 84

    Awesome, Thanks for your feedback ๐Ÿ™‚

    #211926
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    No problem. Thanks David.
    -Rui

    #212012
    Jackcoldrick
    Member
    Post count: 84

    This is resolved guys, I can’t seem to mark it as resolved though. Many thanks

    #212024
    David Martin – Support
    Moderator
    Post count: 20834

    No problem, changed to resolved now ๐Ÿ™‚

    -David.

    #212030
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Resolved.
    -Rui

Viewing 8 posts - 1 through 8 (of 8 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