Monday, April 29, 2013

[Wordpress issuses] wendyannemclean on "breaks between images"



It would be good to be able to indent this away from the image without changing the text justification.



If the images were all the same width, this would be very simple. Since they have varying widths, and since the theme is responsive, things get complicated. You have to enclose each image in a left-aligned section and each group of links in a right-aligned section, and give the right widths to these sections. So, for each image and group of links, you need this:




IMAGE CODE HERE


LINKS HERE



You can change the 25% to adjust the horizontal positioning of the links (naturally, it has to be the same for all the groups of links on the same page, so that they will be vertically aligned). Just make sure the sum of the two widths plus the right margin is always equal or less than 100%.
You can also change the padding-top percentage, to adjust the vertical positioning of the links in relation to the image.


An alternative would be to use table coding (one two-column table for the whole page). If you're interested in this, check my tutorial first:
http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/



.

forums.wordpress.com

No comments:

Post a Comment

Search

Other post