featured image alignment for sidebar

Highlighted
Occasional Contributor

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

 

 

Reply
0 Upvotes
4 Replies 4
Highlighted
Regular Advisor | Partner

@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
Reply
0 Upvotes
Highlighted
Occasional Contributor

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

Reply
0 Upvotes
Highlighted
Regular Advisor | Partner

@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
Reply
0 Upvotes
Highlighted
Occasional Contributor

@stefen Which exact HUbl code are you referring to ?

Reply
0 Upvotes