Archived

This topic is now archived and is closed to further replies.

  • 0

Feature image for blog posts


Question

Posted · Report post

Today I noticed that the feature image on my blog posts isn't lining up with a highlight image on the sidebar. Is this a bug in Pagelines css, my custom css, or something new?

 

Here is a fancy animated gif to explain and the URL to my website.

 

I have tested both float and changing the margin (see my code below), but I'm not sure which is best?

 

blog-feature-image.gif

.fpost .post-thumb.img {
margin-right: 20px;
}

Change to this...?
.fpost .post-thumb.img {
margin-right: 0px;
}

Or change to this...?
.fpost .post-thumb.img {
float: left;
}

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Does both float and margin CSS achieve the same results?

Share this post


Link to post
Share on other sites

Posted · Report post

Does both float and margin CSS achieve the same results?

 

From what I can tell, yes. Tested Chrome, Safari and IE8. A friend said float would keep the feature image clickable vs. making margin zero.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, looking at the gif you've supplied it seems to be the margin/padding at the top which is the issue as the gif image shows the slider jumping up and down between the two different versions. Have you tried setting the margin for the top of the slider?

Share this post


Link to post
Share on other sites