Jump to content
Sign in to follow this  
sanjayvenkat23

Featured Image Placement In Blog

Recommended Posts

sanjayvenkat23    0
sanjayvenkat23

Hi,

I am trying to place an image (icon) next to my article summary on my main blog page. I used the featured image setting, but it shows up to the left of the title and all the text is shifted over to the right.

Please see: http://www.elderbranch.com/blog/

I would rather put the image at the left of the blog text and have the text wrap around the image instead of justifying everything to the right of the image. Similar to what you see here: http://www.nerdwallet.com/blog

Is that possible?

Thanks,

Sanjay

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, if you go to pagelines>site options>blogs and posts. Scroll down to you'll see 'feature post excerpt mode' and 'magazine clip excerpt mode' showing the various different ways you can place the thumbnail inside or next to the text. Just choose the one that you want and hit save :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sanjayvenkat23    0
sanjayvenkat23

Thanks a lot - that worked. One question though, how can I make the icon flush with the top of the text so that it looks better? Also, there seems to be extra spacing around the icon that is not part of the image - is there a way to reduce that?

http://www.elderbranch.com/blog/.

Thanks

Share this post


Link to post
Share on other sites
sanjayvenkat23    0
sanjayvenkat23

I inserted the following custom code, and was able to move icon down, but not delete the excess space after the icon. Can you help me figure out what I need to adjust in the CSS to fix this?

.post-meta .c_img, .hentry .c_img {

margin-top: 10px;

margin-bottom: 0px !important;

}

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, there's some code attached to the align-left element you'll need to alter. Code is pasted below, play with the figures to adjust.


.alignleft {

    float: left;

    margin: 0 1.5em 1.5em 0;

}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

The topic was marked as resolved.


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

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

    • globalnative
      By globalnative+
      Hi there!
      I'm trying to create a featured image for my new blog post. It has text in it, and when I add it as a featured image some of the text is cut off on the right.
      Could I get the ideal dimensions for featured images? Or, a way to customise the dimensions so that they are easier to fit in the way I need?
      Thank you kindly
      Nate
       


    • BlueSkyCreative
      By BlueSkyCreative+
      Hi there
      I have postgrid on a new site I am developing and want to try using png images as a featured image, but they are rendering on the page as a black square?
      Any ideas as to why? 
      the site example is here http://orionglobalms.com/ scroll down to our services section and the first one has a png image as a featured image
       
      Many thanks
      Paul

    • MissT
      By MissT+
      The featured images from the search results page seem to be missing - the featured images are there when you view the individual posts and on the Magazine section blog page but there are broken links on the Search Results page. See screen shot...
      WP - 4.4.2
      Platform5 - 5.0.132
      Can provide a link to the site privately.
      Many thanks in advance.

    • opwolken
      By opwolken
      I'm wondering if it's possible to apply the featured image to a page's canvas area?
      I would like to have the featured image in a canvas on the matching page.
      Thanks!
    • abuzzelli
      By abuzzelli+
      Hi, I would like to know how to change my featured image on the post page to be the medium size instead of the thumbnail. I would like the thumbnail size to stay at 150x150px on the blog list view, but on the actual post page I want it to show 300x300px. Having trouble with this. Thanks!
       
      http://brkichdesigngroup.com/fitwithmai/recipes/peanut-butter-oatmeal/
×