Docs

[SophiaL]

I use the Renew theme and I am trying to create a blog index page with small images to the left of my article.

Ideally like this http://demo.theme.co/ethos-1/ or even this http://www.dublinclothing.com.au/news

Featured image is a waste of time because the theme forces full width images. This makes any picture look ridiculous when set in a post on a full width site. Totally unworkable.

This leaves me with no choice but to use the Customisers Blog setting – Full Post Content on Index.
So once I do this, instead of an enormous featuer image, I now have 2 new problems:
1) I cannot use the MORE tag in cornerstone to truncate the post text.
2) I cannot see how I can make text wrap around three sides of an image in my posts.

I am very much an amateur at this, but I cannot understand why the seemingly straight forward goal of having a small image near the top of each post on the Post Index page has to be such a difficult task. I have wasted hours on this!

I would appreciate any suggestions.

[SophiaL]

This reply has been marked as private.

[Paul R]

Hi,

I made some adjustments.

1. I added the images as featured image.

2. Add some custom css to float the featured image to left and remove it from post page.

.blog .entry-featured {  
     float:left;
     width:20%;
     margin-right:20px;
}

.single-post .entry-featured {
  display:none;
}

3. Float the content images to left to make the text wrap.

eg.

[x_image type="thumbnail" float="left" src="http://sophialandy.com/wp-content/uploads/Sophia-Landy-Update-pic.jpg" info="none" info_place="top" info_trigger="hover"]

Kindly check on your end.

http://sophialandy.com/blog/
http://sophialandy.com/october/

Thanks

[SophiaL]

Paul that is just perfect. Thank you so much for helping me out with this. I really appreciate it as I was going bananas trying to sort it out.

Now all I have left to do is to find a way to remove the heading “The Blog” that WordPress is forcing to appear at the top of the Post Index page. I recall in the distance past when I did another site a few years back, this could be achieved with several lines of code in the a WP.ini or WP config or some such file on the on the server. Do you happen to know how to swap out “the Blog” heading for the actual page title. In my case “news and events” . Cheers and a big thanks.

[Jade]

Hi Sophia,

Please add this in the custom JS in the customizer:

(function($){
  
    $(".single-post .h-landmark span").text($(".single-post .entry-title").text());

})(jQuery);

And this in custom CSS:

.single-post .entry-header {
    display: none;
} 

Hope this helps.

[SophiaL]

Hi Jade,
That seemingly did not make any difference. Your custom CSS was already in there from Pauls earlier post. Adding the Glabaal Javascript that you suggested did not do anything as far as I can tell. Refreshed cache and so on. What was it supposed to do? Thanks Sophia

[Rad]

Hi there,

It’s working, http://sophialandy.com/october/. It removes The Blog and places the actual page’s title. If you just wish to change The Blog to News and Events, then simply go to Admin > Appearance > Customizer > Renew > Blog Options > Blog Title and change it. Or simply make it empty to remove it 🙂

Cheers!

[SophiaL]

Ah Yes I see now. Thanks for the explantion and all the help you guys.

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts