Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #12151

    Following a few other threads, I added the following to my CSS:

    .hr{background-image:none !important;}

    #top .post-title.big_title {

    background: none transparent;


    #top .post-title.big_title {

    padding-bottom: 20px;


    .hr {

    padding: 10px 0;


    The spacing between the posts is fine, but the lightning bolt is still there. If I only put in the “.hr{background-image:none !important;}

    ” code then the lightning bolt goes away. When I added the additional code it came back.

    Thanks in advance.


    As an addendum, how can I have a horizontal rule that goes the full width of the blog post (without the lightning bolt) and less space between posts?



    Kindly remove the CSS that you have added and replace it with this code:

    .hr {
    background: none!important;
    padding: 0!important;
    border-bottom: 1px solid white;

    Just adjust the px in border-bottom to make it thicker or thinner and change the color as required. Hope this helps. :)




    Thank you!



    Glad that I could help you. :)



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Remove Lightning bolt and less space on blog posts’ is closed to new replies.