Okay
  Public Ticket #301880
How do I get Borders at the bottom of each full_width_section?
Closed

Comments

  •  1
    P started the conversation
    October 16, 2014 at 11:57pm

    Hi Tahir - 

    I am struggling to get borders on the bottom of each full_width_section.

    Please can you help me with some CSS that I can add so that I can easily draw a black border after each full width section?

    I have tried overriding the hr element but it will not draw full width 

    Tried adding a class to full_width_section that does border:1px solid etc...

    No joy!

    THANKS!

  •  8,839
    Tahir replied
    October 17, 2014 at 1:04am

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .full-width-section.standard_section {
    border-bottom: 5px solid #000;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    P replied
    October 17, 2014 at 5:31am

    Hey Tahir - 

    Thanks. That looks loads better BUT I don't want to apply it to every fill_width_section. I just want to add it in at the short-code stage. 

    I tried adding that div selectively like this in the page content editor:

    [full_width_section]
    <div class="full-width-border'></div>
    [/full_width_section]

    with:

    .full-width-border {
    border-bottom: 5px solid #000;
    }

    in General->CSS. But it doesn't work - the line only fits the container and has a margin.

    It looks so much better with the borders but I can't figure out how to get this just selectively on some sections.

    How would you approach it?

    Thanks, Tahir

  •  8,839
    Tahir replied
    October 17, 2014 at 5:04pm

    Hey!

    Its actually quite simple. Though you would have to use the Visual Composer. See screenshot: http://prntscr.com/4wzytm and http://prntscr.com/4wzz1k . You can add the class to the specific rows you need . 

    Thanks

    ThemeNectar Support Team 

  •  1
    P replied
    October 17, 2014 at 5:55pm

    thanks, Tahir. You rock.@!