Jump to content
Sign in to follow this  
evanders

Align a DIV to the bottom of a Clip

Recommended Posts

evanders    0
evanders

I am using Magazine Style posts on my blog page. I noticed that the default behavior is to automatically set the "min-height" attribute to adjust to the height of the clips so they match in size, and fit the title and excerpt nicely within. 

 

I'm trying to take the metabar and, using CSS, align it to the bottom of the clip. While normally this would seem straightforward using the "position" attribute, the way this is designed prevents this.

 

I've been looking at the code, and it's the following line that controls the height of the clips:

 

<div class="hentry-pad blocks" style="min-height: 611px;">

 

Does anyone know how I could accomplish this? 

 

My site is local, but I've attached a screenshot for reference: http://ge.tt/97sXqVn/v/0?c

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

It seems to me, and I'm no expert in this, that you'll need to use a hook or, if you're using Framework, you'll need to modify the section by cloning it to your child theme (base theme is recommended), and editing the clone to include those shortcodes in the bottom, just before the clip ends. That will ensure that you're able to align them to the bottom.


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

Sign in to follow this  

  • Similar Content

    • mrhinsh
      By mrhinsh
      Guys,
       When I add a Magazine layout it only shows text based comments and does not render my configured Disqus plugin.
      Can we add the same "comment panel" support to Magazine as "content" uses or am I missing something?
      -MrHinsh
    • fabienfons
      By fabienfons+

      I use the Plug in Yet Another Related Posts Plugin, it appears at the bottom of the Magazines Posts.
      The problem is that Font are too much Big. I don't want to reduce the font size of magazine, only the Font size of Posts generated by the plug in.
      I don't have this issue with the wordpress content, only with magazine...
      An idea ?
    • fabienfons
      By fabienfons+
      Hi,
      At the bottom of the Magazine section, i'd like to hide "next post" and "previous post" displays.
      How could i do that ?
      Thanks !
    • catalinam
      By catalinam+
      Hi lovely Pagelines Forum Helpers!
      I am new to Pagelines as well as coding in general so sorry if this is stooopid. 
      I am reimaging my site www.theunimpossibles.com and I am trying to do a few seemingly simple things using paleness and modifying the lynette theme.
      How do I put a fine key line on the bottom of the dropdown nav? e.g. <hr style="height:1px;border-width:0;color:#e4e4e4;background-color:#e4e4e4”> I want a second nav in grey to site above it but I can't get the grey to go all the way to the top and full width. Is it possible to put social icons in the nav too? How can I make these two nav global but underneath the slider as per below only on the homepage? Is it possible to embed the royal slider onto the homepage? e.g putting the shortcode [new_royalslider id="4"] in the embed area generates the error: [RoyalSlider Error] Incorrect RoyalSlider ID or problem with query. Is it possible to make the slider, the instagram feed and the hero image on the blog posts full bleed? On the category page e.g http://theunimpossibles.com/category/recipes I would like to change "Posts  Currently viewing the category: "OM NOMS"" to be bigger, centred, and with more padding and only show the words "TOPIC: OM NOMS". Is it possible to remove the extract and put the date underneath similar to:  http://grittypretty.com/category/makeup/? Is it possible to make the post images on the blog posts wider and the text smaller? http://theunimpossibles.com/2015/06/30/amazingly-delicious-paleo-orange-blueberry-almond-meal-scones-with-earl-grey-cashew-cream/?pl_edit=on e.g the blog posts similar to http://grittypretty.com/makeup/the-top-6-office-beauty-must-haves/?  Obviously keeping everything responsive!
      I have been trying to Google all of this but alas I am very very stuck and would appreciate any help!
      Kindest,
      Catalina
       
    • Audun MB
      By Audun MB+
      I added [post_tags] to my magazine layout, but every post shows with the same tags (see screenshot, after "Stikkord":). They have different tags.

       [post_tags] works as expected in the Framework content section, this is an issue with the Magazine section.
×