Orange Separation Line Like This

Posted in: Newspaper
Post count: 170
findlay
#77546
Nov 5, 2015 at 11:38 am

Hi,

Does anyone know how I can create an orange separator line positioned like this one and the full width of the screen?

http://www.mindbodygreen.com/

Thanks

Derek

Post count: 23312
Catalin
#77564
Nov 5, 2015 at 1:13 pm

Hi findly,

Please try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/nGNjWeabT

.td-main-content-wrap {
border-top: 10px solid orange;
}

You can see the result here: http://screencast.com/t/QGaHxKZbPhz

If is not what do you want, please provide more details.

Thanks.

Post count: 170
findlay
#77569
Nov 5, 2015 at 1:40 pm

Thank you but it didn’t work. Tried putting code at top of CSS custom code and at the bottom. Here’s what I have in my custom css code now:

.td-main-content-wrap {
border-top: 10px solid orange;
}
.home .vc_row .vc_separator {
margin-bottom: 30px !important
}

.home .vc_row .td_block_wrap {
padding-bottom: 0px;
}
.sf-menu > li > a {
padding: 0px 10px;

Post count: 23312
Catalin
#77592
Nov 5, 2015 at 3:36 pm

Hi findlay,

I tried again the code on your site and the orange border is still there: http://screencast.com/t/bdJpt7eUf
Also, if the code is not applicable, please put !important like this:

.td-main-content-wrap {
border-top: 10px solid orange!important;
}

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.