Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 21, 2018 at 10:31 pm #988234
    Moondreamer21

    I’d like to add the border below under the Sidebar Widget titles:

    border-top:2px dashed #CCBDB8; width: 100%;

    Is there CSS I can use to do this?

    Thanks!

    July 22, 2018 at 11:31 am #988331
    Victoria

    Hey Moondreamer21,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 22, 2018 at 2:21 pm #988391
    Moondreamer21

    Sure, in PC below.

    July 22, 2018 at 2:38 pm #988397
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    h3.widgettitle {
    border-bottom: 2px dashed #CCBDB8 !important; 
    width: 100%;
}

    Best regards,
    Mike

    July 22, 2018 at 10:29 pm #988510
    Moondreamer21

    Thanks! That added a border below the title… but I wanted a dividing line between the widgets so I changed it to top instead of bottom, which will work great – but now it’s just sitting right on top of the title and the padding (to move it up so the border looks like’s it’s spaced between the widgets) I’ve tried isn’t working?

    h3.widgettitle {
    border-top: 1px dashed #CCBDB8 !important;
    padding-bottom: 15px;
    width: 100%;
    }

    Any ideas?

    July 22, 2018 at 10:39 pm #988516
    Moondreamer21

    I also wanted to add, that this border is showing up above the titles in the widgets in the footer… but I don’t want them there. Only as a separating line between the sidebar widgets? Thanks!

    July 22, 2018 at 11:04 pm #988520
    Mike

    Hi,
    Please try this code instead, in the General Styling > Quick CSS field:

    .sidebar .widget {
    border-bottom: 2px dashed #CCBDB8 !important; 
    width: 100%;
}
.sidebar .widget {
margin-top: 20px !important;
}

    Best regards,
    Mike

    July 24, 2018 at 11:17 pm #989419
    Moondreamer21

    Thank you Mike! I actually decided I liked the border underneath the widget titles better.
    Is there some CSS to disable it under the footer widgets only?

    Thank so much! ;)

    July 25, 2018 at 3:56 am #989470
    Mike

    Hi,
    Please try using this code instead:

    .sidebar h3.widgettitle {
    border-bottom: 2px dashed #CCBDB8 !important; 
    width: 100%;
}

    Best regards,
    Mike

    July 27, 2018 at 3:51 am #990529
    Moondreamer21

    That did the trick – thank you so much! :)

    July 27, 2018 at 4:06 am #990530
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Border under Widget Titles?’ is closed to new replies.