Editing the divider on blog posts

  • Hi all,

    Hoping someone may be able to assist me with this as I’m completely new to any form of development.

    I want to change the divider on the blog posts and the comments section to a straight solid line.

    hr.styled-separator {
    border-top: 1px solid;

    I’ve managed to get the straight line in by adding in the below but I can’t get rid of the two centred forward slashes?

    hr.styled-separator {
    border-top: 1px solid;

    Any thoughts/help would be greatly appreciated!

    The page I need help with: [log in to see the link]

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

  • Hi, how did you get rid of the forward slashes? I’m still struggling…

    Thread Starter stefansofronijevic

    (@stefansofronijevic)

    Hi @piethein, I used the following:

    .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after {visibility: hidden;}

    However, I’m now having a further issue as when I add in the following before to get a straight line instead it looks fine on a desktop but on mobile it’s displaying a weird white gap:

    hr.styled-separator {
    border: 1px solid;

    So still not entirely resolved…

    Let me know how you get on!

    Thread Starter stefansofronijevic

    (@stefansofronijevic)

    As a further update to this the issue appears to be only on Chrome and DuckDuckGo when using my mobile, just tried it with Safari and Chrome on other mobiles both iOS and Android and it’s presenting correctly.

    Thanks!It’s working for me!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Editing the divider on blog posts’ is closed to new replies.