Jump to content


Photo
- - - - -

Magazine mode, title above thumb


  • Please log in to reply
4 replies to this topic

#1 Denis Ciumbargi

Denis Ciumbargi

    Advanced Member

  • Members
  • 66 posts
  • Framework Version:DMS Pro
  • Country: Country Flag

Posted 20 April 2013 - 09:55 AM

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.

 

Please Login or Register to see this Hidden Content

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 April 2013 - 02:12 PM

Hi Denis,

 

Please check

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content

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.


  • Denis Ciumbargi likes this

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 April 2013 - 02:16 PM

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.



#4 Denis Ciumbargi

Denis Ciumbargi

    Advanced Member

  • Members
  • 66 posts
  • Framework Version:DMS Pro
  • Country: Country Flag

Posted 20 April 2013 - 05:52 PM

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!



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 April 2013 - 02:04 PM

One click? I'll suggest it.