CMS Development

JoshCber
Member

featured image alignment for sidebar

Hi again!

 

Can someone please help me design the sidebar?

http://blog.chillibreeze.com/presentation-design/visualizing-problem-solving-in-your-powerpoint-pres...

 

I want the sidebar images to appear as thumbnails on the right of the title.It should look something like this .

 

 

ipmsgclip_c_1487308043_0.png

 

Right now the images are too large and I cannot align them on the right as in the example here to the left.

 

I would really be grateful if someone can assist me in this.

 

 

 

 

 

 

 

 

Thanks,

 

Josh

 

 

0 Upvotes
4 Replies 4
stefen
Key Advisor | Partner
Key Advisor | Partner

featured image alignment for sidebar

@JoshCber you could do this with CSS like so:

.hs_cos_wrapper_type_post_listing img {
    float: right;
    max-width: 70px;
    margin-top: 7px;
    margin-left: 7px;
}

but you should probably also change the image size otherwise you'll be loading unneeded extra data.

Stefen Phelps, Community Champion, Kelp Web Developer
0 Upvotes
JoshCber
Member

featured image alignment for sidebar

Hi Stefen,

 

Would resizing the images through the hubspot CRM File manager make the blog pages sidebar automatically load with the resized images?

 

Thanks,

Josh

0 Upvotes
stefen
Key Advisor | Partner
Key Advisor | Partner

featured image alignment for sidebar

@JoshCber I wouldn't do that because then they'd be too small in your blog post. You'll want to edit the HubL code so the url ends with the parameter "?width=70" and HubSpot will resize it automatically.

Stefen Phelps, Community Champion, Kelp Web Developer
0 Upvotes
JoshCber
Member

featured image alignment for sidebar

@stefen Which exact HUbl code are you referring to ?

0 Upvotes