Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 16, 2015 at 5:21 pm #412329
    fgrippe

    Is it possible to easily add a border of any thickness and color to the top and bottom of a full width color section? Css?

    Thx in advance.

    March 16, 2015 at 5:23 pm #412333
    Yigit

    Hey fgrippe!

    Please add following code to Quick CSS and adjust as needed

    .avia-section {
  border: 3px solid red!important;
  border-right: none!important;
  border-left: none!important;
}

    Best regards,
    Yigit

    March 16, 2015 at 5:26 pm #412336
    fgrippe

    Thx Yigit.

    But will that change all the color sections? Can i apply this to individual color sections?

    March 16, 2015 at 5:30 pm #412339
    Yigit

    Hey!

    Yes, you can give your Color Section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and change your code to following one 

    #your-custom-id {
  border: 3px solid red!important;
  border-right: none!important;
  border-left: none!important;
}

    Best regards,
    Yigit

    March 16, 2015 at 6:31 pm #412407
    fgrippe

    Ok. Not working, but i am probably not doing this correctly.

    I added the custom css:

    #test {
    border: 3px solid red!important;
    border-right: none!important;
    border-left: none!important;
    }

    So, in the controls of the “color section” there is a field at the bottom that says “For Developers: Section ID
    Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. ”

    Would i put #test or test or something else in the field to make it work correctly?

    Do i select “no border styling” for the other pull down menus that address the border?

    March 16, 2015 at 6:41 pm #412418
    Yigit

    Hi!

    You should put “test” in there and your code should work fine. If it does not, please post the link to your page and point out the color section

    Regards,
    Yigit

    March 16, 2015 at 6:54 pm #412428
    fgrippe
    This reply has been marked as private.
    March 16, 2015 at 6:55 pm #412429
    Yigit

    Hi!

    Following code should work 

    #mmadness {
  border: 3px solid red!important;
  border-left: none!important;
  border-right: none!important;
}

    If it does not, please create a temporary admin login and post it here privately so we can look into it

    Regards,
    Yigit

    March 16, 2015 at 7:03 pm #412436
    fgrippe
    This reply has been marked as private.
    March 16, 2015 at 7:11 pm #412441
    Yigit

    Hi!

    Please review your website now. Selector was #test instead of #mmadness in Quick CSS field. I changed it and it worked fine

    Best regards,
    Yigit

    March 16, 2015 at 7:14 pm #412442
    fgrippe
    This reply has been marked as private.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Border thickness and color on color sections’ is closed to new replies.