Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 12, 2014 at 7:44 pm #208697
    abortolotti

    Hi there!

    Is it possible to add an horizontal ruler between blogposts in the main blog page?

    I would like to display a short separator between each blogpost in the main blogpage because it looks better organized than seeing all of them, such as in the example below:

    http://vacationrentalsecrets.com/blog/

    Thanks for your help!

    Antonio

    January 13, 2014 at 4:34 pm #209021
    Yigit

    Hi Antonio!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed 

    .page-id-2383 article { border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; }

    Best regards,
    Yigit

    • This reply was modified 10 years, 10 months ago by Yigit.
    January 13, 2014 at 4:54 pm #209032
    abortolotti

    Dear Yigit,

    I just did as you suggest and see no difference on my end. I cleared the cache yet see no changes.

    Do you see any difference on your end? http://vacationrentalsecrets.com/blog/

    Thanks.

    Antonio

    January 13, 2014 at 4:55 pm #209037
    Yigit

    Hey!

    I have updated the code in my previous post. Please try it now

    Regards,
    Yigit

    January 13, 2014 at 5:45 pm #209068
    abortolotti

    Thanks Yigit,

    I know see it on Safari. I played it with it to understand the parameters, but would it be possible to have the divider be shorter, so it doesn’t interrupt the vertical line that connects the authors of all the posts? Ideally the divider would be 75% the length of the current one.

    Sorry to bother. If it’s too much asking I understand and apologize.

    :-)

    Antonio

    January 13, 2014 at 8:50 pm #209157
    Yigit

    Hey!

    It is going to be a bit more complicated but, please remove the code i posted from Quick CSS and go to wp-content\themes\enfold\includes folder and open loop-index.php file and find

    echo "<div class='post_author_timeline'></div>";
	echo "</article>";

    and change it to

    echo "<div class='post_author_timeline'></div>";
	echo "<hr class='bl' /></article>";

    and add following code to Quick CSS 

    hr.bl { width: 75%; margin-left: 15%; }

    Regards,
    Yigit

    January 14, 2014 at 3:42 pm #209472
    abortolotti

    Awesome Yigit, that’s perfect! Thank you so much!

    Is the file going to be changed whenever there is a theme update, so I’ll need to do the hack manualyy every time?

    Thanks for your great support. Now it looks exactly the way I want!

    Antonio

    January 14, 2014 at 3:46 pm #209473
    Yigit

    Hi Antonio!

    Yes, you are going to need to redo it each time after update or you can create a child theme. Please see http://kriesi.at/documentation/enfold/using-a-child-theme/
    You are welcome, glad we could help!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Horizontal Ruler between blogposts on main Blog page?’ is closed to new replies.