Format widget area separator lines twenty fifteen child

  • Resolved jeffers81845

    (@jeffers81845)


    9 years, 6 months ago

    Want to format the faint gray lines in the widget areas on the left sidebar in my child theme. I understand that the gray line in CSS is the border-bottom of the container area for the .widget-area content, not the widget-area proper.Searched around in the source code but couldn’t pinpoint the divs for those containers (ul, li formats maybe?) Here’s the CSS I used for the email box and home link.
    Email Box CSS

    .menu-contact-jeff-container {
   border:solid 1px #66cc66;
   background-color: rgba(255,255,255,0.8);
   text-align: center;
}

    Home link CSS

    .widget .menu {
    border-bottom: solid 1px #000;
}

    Site Link

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Phil

    (@websterwebguru)

    Hello,

    The CSS creating these lines can be found here

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 0.7667em 0;
}

    You just need to change the border-top here to change those lines from grey to whatever you like.

    Thread Starter jeffers81845

    (@jeffers81845)

    Service with a smile. Thank you very much. Just needed to up the opacity in the rgba from 0.1 to 0.7. Bingo.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format widget area separator lines twenty fifteen child’ is closed to new replies.