Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 16, 2015 at 7:21 pm #396959
    Me.llamo

    Hello guys!

    I’d like an orange line [solid 3px #F05A1A] at the bottom of a section.

    Kind regards,
    Me.llamo

    February 16, 2015 at 10:10 pm #397119
    Elliott

    Hey Me.llamo!

    Add a codeblock element to your page and add this inside.

    <style type = "text/css">
#av_section_1 {
  border-bottom: 3px solid orange !important;
}
</style>

    Best regards,
    Elliott

    February 16, 2015 at 11:39 pm #397162
    Me.llamo

    Hey Elliott,

    Just to be sure, what do you mean exactly by adding a codeblock element to the page?
    Is it to paste this specific code in the custom.css?

    I did (in separate plugin Simple Custom CSS), but it shows no orange line.

    Greetings,
    Me.llamo

    February 16, 2015 at 11:46 pm #397163
    Me.llamo
    This reply has been marked as private.
    February 17, 2015 at 12:06 pm #397394
    Yigit

    Hi!

    Please change the code to following to apply the changes only on certain page

    .page-id-362 #av_section_1 {
  border-bottom: 3px solid orange !important;
}

    You can also edit your Color Section element and give it unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and use the code as following

    #your-custom-id {
  border-bottom: 3px solid orange !important;
}

    Regards,
    Yigit

    February 17, 2015 at 12:09 pm #397398
    Günter

    Hi!

    Thank you for coming back.

    To have the line only on the front page try to use:

    
.page-id-362 #av_section_1 {
    border-bottom: 3px solid orange !important;
}

    Cheers!
    Günter

    February 17, 2015 at 6:41 pm #397702
    Me.llamo
    This reply has been marked as private.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Orange solid line at the bottom of a section’ is closed to new replies.