Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Aligning Images with text regardless of window size


Recommended Posts

Site URL: http://torchglow.video

PW: T0rchgl0w

I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile.

I added the images via code block and have css resizing and positioning them. Here is an example:

Code:

<img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png">

CSS:

/*fuel*/
#block-yui_3_17_2_1_1617052003349_6358
{width: 73px;
 position: relative;
  left: 40%;

}

Thank you!

 

 

Screen Shot 2021-03-30 at 3.04.00 PM.png

Screen Shot 2021-03-30 at 3.03.50 PM.png

Link to comment
  • 3 weeks later...
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Do you still need help on this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 3 weeks later...
On 5/6/2021 at 11:31 PM, torchglow said:

Yes I do! I still haven't been able to figure this out.

 

Hi. Remove left & use margin: auto. Repeat for other images

div#block-yui_3_17_2_1_1617052003349_6358 {
    left: unset;
    margin: 0 auto;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...