jholbrook
Member
Posted 1 year ago #
I've searched the forum and codex and there are several posts on this topic. The problem is I've tried several of the options listed and nothing seems to work. In the visual editor everything appears as it should. When I publish the site nothing appears as it should. Text won't wrap around image. Here's the site I don't know if I'm adding the code to the CSS Style page properly. Thanks for the help
the standard remedy is to check for and add styles for:
.alignleft { } or img.alignleft { float: left; margin-right: 10px; }
.aligncenter { } or img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
and
.alignright { } or img.alignright { float: right; margin-left: 10px;}
also, be aware, that you may need to reload the page in the browser to make changes to the styles visible; or press 'ctrl' and 'f5'
jholbrook
Member
Posted 1 year ago #
I've tried several variations given on that but no change.
The thememx doesn't really have anything in the style.css but this
/*
Theme Name: ThemeMX
Theme URI: http://theme.mx/
Description: ThemeMX WordPress theme.
Version: 0.1
Author: ThemeMX
Author URI: http://theme.mx/
*/
I've added this
img.alignleft { float: left; margin-right: 10px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin-left: 10px;}
Don't have a clue if I'm doing that correctly.
Thanks
jholbrook
Member
Posted 1 year ago #
I added the edits you gave to the bottom of the styles.css file.
Sweet. Thank you for the help. I can stop bashing my head into the keyboard now. AHHH that feels good.
Thanks again.