Jump to content
Denis Ciumbargi

Magazine mode, title above thumb

Recommended Posts

Denis Ciumbargi    3
Denis Ciumbargi

Hi, 

 

just wondering if it is possible to adjust the title above thumb in magazine mode for blogs.

 

I want some option that will look like this.

 

PageLines%20Admin%20%E2%80%B9%20Funda-ia

 

Here is the link if the photo fails to load.

 

https://www.dropbox.com/s/0v3eo5kmnf47sy8/PageLines%20Admin%20%E2%80%B9%20Funda-ia%20-ansa%20pentru%20-ansa%20%E2%80%94%20WordPress.png

 


Where there is love, I'll be there.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Denis,

 

Please check www.epicurus.com/members and look for the Hello World! post.

 

This was done quite easily.

 

First, you need a plugin called Regenerate Thumbnails. Activate it, but don't run it yet.

 

Next, go to Dashboard > Settings > Media and set the thumbnail size. I used 305 wide by 204 high, but use whatever you desire. Save.

 

Now, go to Dashboard > PageLines > Site Options > Blog & Posts and select "On Top".   I recommend doing this for both excerpt modes, since the process will impact both magazine and full-width mode posts.

 

Go to Dashboard > Tools > Regen. Thumbnails and run the plugin. Depending on how many thumbnails you have, this can take a bit of time. Patience is important here.

 

When it's completed, go to  Dashboard > PageLines > Site Options > Custom Code.

 

The code I used was this:

.hentry .entry-title {
    font-size: 2.3em;
    margin: -265px 0 0;
}

You'll note that I have a negative value of 265px.  This accommodates the frame, padding and other margins affecting the image proper, allowing the position of the title to be right above the image.  My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

 

As you can also see, I applied a font-size, in em, not px, to make sure the title is responsive. This ensures that the title is proportional to the increased size of the image. Without some increase, the title becomes lost (tiny) against the view of the image.

 

Save your Custom Code, and examine, and adjust as needed or desired.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

Denis, please note, that for this to work, every post will need to have a thumbnail!  It looks awful without one, as you'll see.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Denis Ciumbargi    3
Denis Ciumbargi

Thank you so much for the info, i shall try to do all to look nicely. I have already created some custom post type images to use for thumbnails so i might adjust according to that.

 

I know the team will say some nasty words now but would love to have that as a feature as i edited my pic, to be available with one click :)))))

 

Thank you again!


Where there is love, I'll be there.

Share this post


Link to post
Share on other sites
Rob    547
Rob

One click? I'll suggest it.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×