• Resolved Llessieur

    (@llessieur)


    I’d like to separate each blog post with a line (such as the one used above and below the navigation menu) but am unsure where or how to place it. Right now, my posts are too close together. Does anyone know how and where I can do this? I’d like the line to go the full width of the content too (I’ve set this to 900px). Thank you!

Viewing 15 replies - 1 through 15 (of 19 total)
  • What is your site URL

    In your Child Theme or CSS Editor Plugin try this code:

    .hentry {
        background: url("images/line.png") repeat-x scroll center bottom transparent;
    }

    *Note
    If your theme has a custom CSS Editor in it, you can also paste the code in there.

    Never edit core CSS or PHP files, they’ll be deleted when the theme is updated.

    Thread Starter Llessieur

    (@llessieur)

    Should I put that in the style.css file? I’m not using a child theme. I know, I know….couldn’t be avoided on this one.

    No, download the plugin I provided you and paste it in there.

    Thread Starter Llessieur

    (@llessieur)

    Thank you SO much! Okay, I used my Simple CSS….is there a way to get some space between the end of the post before it? Right now it has Continue Reading at the end of a post and then the line is directly below it. I’d like to have at least one blank line in between there.

    What is your URL?

    Thread Starter Llessieur

    (@llessieur)

    Thread Starter Llessieur

    (@llessieur)

    I added some space AFTER the line, but need some before it as well.

    I think the code I gave before removed the grey line.. can you check the site and see if the grey lines are gone now please.

    When I reloaded my site with the test theme they went away

    Also please disable the right-click protection.. can’t firebug your site with it on.

    Thanks

    Thread Starter Llessieur

    (@llessieur)

    No, it’s great and it’s there, thank you. It added a line before each post just like I wanted. The issue is that my posts are so close to one another, there is no space between the “Continue Reading” and the line beginning the next post.

    Thread Starter Llessieur

    (@llessieur)

    I’m sorry, I can’t disable it. I’m bound by confidentiality and copyrights to this client.

    Something is not right… on my test site they are spaced evenly.

    https://i.imgur.com/1ovH0BQ.png

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is a bit of a fallacy. Every browser provides a way to save the page. Saving the page doesn’t even require any technical knowledge.
    E.g. in Chrome:
    – Just press the “Save as” (or similarly labeled) option in the browser settings: https://snag.gy/tfC86.jpg .
    Then it’s saved onto your computer with all the HTML, CSS, JavaScript and images that were on that page.
    You cannot stop things like that, that happen at a browser level. I would recommend you add watermark to the images that you don’t want distributed.

    Without disabling the right click protection it’s harder to help you figure out what’s going on.

    Maybe the theme editor will chime in and help.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Add Post Divider Image’ is closed to new replies.