Docs

[kateanita]

Hello, how can I add a “view post” link after the links to individual blog posts in the sidebar on the main blog archive page? I’m referring to the links on the right side of the screen here: http://homefed.stapkodesign.com/noteworthy/

I’m using Ethos and have the most recent version of everything.

Thank you!

Katie

[Lely]

Hello Katie,

Please add this CSS on Appearance > Customize > Custom > Edit Global Javascript:

jQuery ( function( $ ) {
$('<span>VIEW POST </span>').appendTo('.x-sidebar #recent-posts-3.widget ul li a');				  
});

Also add this CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-sidebar #recent-posts-3.widget ul li a span{
    display: block;
    color: red;
    text-align: center;
    text-decoration: underline;
}

Feel free to customize the CSS for the VIEW POST design.

Hope this helps.

[kateanita]

Worked perfectly – thanks so much!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks. 🙂

[kateanita]

Hi – one more quick question – how can I add the “view post” to the individual blog page sidebars as well? Like here: http://homefed.stapkodesign.com/2017/01/18/market-common-celebrates-new-years-eve-bands-mirror-ball-drop-fireworks-9000-revelers/

Thanks so much!

Katie

[Lely]

Hello Katie,

Please update JS code to this:

jQuery ( function( $ ) {
$('<span>VIEW POST </span>').appendTo('.x-sidebar .widget.widget_recent_entries ul li a');				  
});

Then update CSS code to this:

.x-sidebar .widget.widget_recent_entries  ul li a span{
    display: block;
    color: red;
    text-align: center;
    text-decoration: underline;
}

Hope this helps.

[kateanita]

You are the best, thank you! Worked perfectly.

[Prasant Rai]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts