In the visual editor you can set alignment when you insert images which should allow you to set align to none, and then just use the visual editor to put a link break between the images.
Ok, I’m still confused. Is there a button to do this or do I type it somewhere?
Hi,
You need to copy the this code and paste it in style.css of the theme.
i`mg.centered
{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright
{
float: right;
}
.alignleft
{
float: left;
}`
Add this code in style.css file.of your theme and it should be resolve the problem. If it does not solve the problem then replace the .img{} tags with the above code in style.css.
Thanks,
Shane G.
Do I paste it at the bottom or in a specific spot? FYI- I have no idea what these codes mean but I’m learning. Could you explain what the codes mean for my future reference? Thanks
Question: Add the code in wordpress editor for style.css? of Go to my hosting files and add there in the theme’s style.css
img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright
{
float: right;
}
.alignleft
{
float: left;
}
shane had a slight mistype, corrected here (the tic in the first line)
You can add the code to the end of your css most likely, from in the editor or through hosting files….either way gets you to te same style.css file
Rvoodo, it did not work. I added it at the end of style.css in wordpress editor. Any other suggestions?
Thanks for helping me everyone.