I would like to make the separator line bolder

  • Resolved OB

    (@reburton3941)


    10 years, 10 months ago

    Hi,
    I would like to make bolder the lines that separate the blog thumbnails and titles from one another on the Fifteen Recent Posts widget. The widget appears in the right column of the page reached by clicking any of the Read More buttons. By the way, what is that page actually called?

    I have little experience in modifying my style sheets but definitely want to learn. I have a child theme and I’m using the Custom CSS manager which seems to be more effective with the style changes. My website URL is https://www.bestmenswatchesreviews.com
    I have made similar requests for other issues on this site, so please excuse my repetition of the same information.
    Thanks in advance for your help!

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

  • When you click the read more button, it takes you to that individual Post. The lines you’re referring to in the widget are borders on the bottom of each item in the list. You can use this CSS to adjust the bottom borders:

    .rp-item {
    border-bottom: solid 2px #b6b6b6;
}

    The first value here makes the border solid (as opposed to “dotted” or “dashed”). The second sets the width of the border, which is currently at 1px – so this will make it bigger. The third value is the current color of the border.

    Some combination of border width and maybe a darker color should get you the bolder look you’re going for.

    Thread Starter OB

    (@reburton3941)

    Thanks! That did the trick! I really do appreciate you taking the time to explain a little bit. It helps a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘I would like to make the separator line bolder’ is closed to new replies.