Elements not behaving properly

[noizepro]

I’m having issues with elements not behaving properly on this page. I can see the changes as I make them, but they aren’t reflected on the page.

1. The text won’t wrap around the image in the “About” section at the top, even though it appears to wrap in the edit text area.

2. The image at the bottom of the page don’t appear despite showing in the settings.

Both of these items I have pulled in using templates from other pages that are still working fine, so it has something to do with this new page.

Can you tell me what might be the issue?
Screenshots attached and I’ll provide log-in.

https://skx.4b8.myftpupload.com/

[prakash_s]

Hello @noizepro,

Thanks for writing to us.

I would suggest you please add this custom CSS code in the Global CSS to get the desired layout as you have mentioned.

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[noizepro]

I understand that custom css is not part of support, but I don’t understand why custom css is required when these are very basic things that have just stopped working.

[noizepro]

@prakash_s

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

This also does not address the images that are just not showing up.

[ruenel]

Hello @noizepro,

Thanks for writing in!

You are using the Blank stack and it is expected that you will have to add custom styling because in the Blank stack is there so that you can use your own styling via custom CSS.

The image is not showing because you have added a white background color to your Row element. It should be transparent.

Best Regards.

[noizepro]

Ok. Thank you for this response. I didn’t realize that choosing the Blank Stack would interfere with something standard in wordpress like the text wrapping around a photo.

[marc_a]

Hey @noizepro,

The blank stack doesn’t have any predefined CSS that’s why no need to add the custom CSS.

Thank you.