torchglow Posted March 30, 2021 Share Posted March 30, 2021 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! Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 Hi. Do you still need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
torchglow Posted May 6, 2021 Author Share Posted May 6, 2021 Yes I do! I still haven't been able to figure this out. Link to comment
tuanphan Posted May 9, 2021 Share Posted May 9, 2021 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. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment