Image alignment issues

March 2014 WordPress Theme
GK User
Thu May 21, 2015 12:29 pm
Hi there, I have an issue with formatting and aligning images and hopefully you can help. for example if you look at this post here: http://www.jamjosandbox.com/mag/this-is-a-test-post/ you can see the images are right aligned in the post which is fine but they drop a aline essentially under the header.

So to be clear: When you align an image off header text, it drops a line. See it happening here http://www.jamjosandbox.com/mag/this-is-a-test-post/

See attached for what we want to happen. Basically that it aligns on line with the header text and does not drop down.

Any help with this would be much appreciated.
Thanks in advance.
User avatar
Expert Boarder

GK User
Thu May 21, 2015 1:21 pm
Hello,

The image is floated to the right (based on paragraph position, not the header). so it's ok, you can add i.e. this custom css code to move images to the top:

Code: Select all
.alignright {
   margin-top: -75px;
}

Please remember that it will be used for all images with alignright class.
User avatar
Moderator

GK User
Thu May 21, 2015 2:32 pm
Unfortunately that css will not make images align off the header text. Right now the issue is I cannot align text based on the header text to the right. If I add your css then all images as you say move up and of course that causes issues. I was hoping to be able to align text based off the header and right now it will not work.
User avatar
Expert Boarder

GK User
Sun May 24, 2015 9:01 pm
Please edit your post in Text editor and add another class after alignright, i.e. moved-top, then add this code:
Code: Select all
.moved-top {
   margin-top: -75px;
}


only images with this additional class will be moved.
User avatar
Moderator

GK User
Sun May 24, 2015 10:05 pm
Thanks Piotr, makes sense. Cheers
User avatar
Expert Boarder


cron