Docs

[newskywebsites]

Hi There, I have been wondering about this for ages and hoping you can help me with a style or CSS to fix how text wraps around photos on smaller screens. Please see this quick video demo of my issue: http://screencast-o-matic.com/watch/cbneo1QWHz

Site URL: http://meyer-mab.dev-website.us/aluminum-blanks/aluminum-circles

I’m using latest version of WP, X w/ Child, Renew Stack and I’m not an advanced coder 🙂

Thanks!
Dawn

[Joao]

Hi Dawn,

You could try this following CSS on Appereance > Customizer > Custom > CSS

@media(max-width: 500px) {
img.alignright,img.alignleft {
   width: 100%;
    margin: 0;
} }

Hope it helps

Joao

[newskywebsites]

That works great for that one photo in the video I sent, but it messes up the other icons. Can I apply a class to this so I can use it as needed? I don’t know how to do that. Can you assist? If that work work, can you tell me the code to make a class for this and apply it to the specific image?

Thanks!!
Dawn

[Friech]

Hi Dawn,

Yeah sure, please add a class to your image (e.g my-image-class).

And then update the given css code to this:

@media (max-width: 500px) {
.my-image-class {
	width: 100%;
    	margin: 0;
	} 
}

Let us know how it goes.

Cheers!

[newskywebsites]

Works great! Thanks!

[Joao]

Glad to hear it,

Cheers

[Joao]

Glad to hear it,

Cheers

[Author]

Posts