WordPress.org

Ready to get started?Download WordPress

Forums

Exact Placement of Images (3 posts)

  1. Odinkinder
    Member
    Posted 3 years ago #

    I have a client who was perfectly happy with his site, then his "Marketing" consultant brought in her graphics person to pick apart the site I had done. It's interesting, the graphics person is also a website "designer." (surprise!) She has, as far as I can tell little background in WP. But still, she is saying things like, "move this image up ten pixels, over four, we need more white space!" blah, blah, blah. I will not go into the other criticisms, but, it was similar, and very nit picky, right down to the hover color of a link! I am sure she is trying to look brilliant in front of my client to get the business.

    Unfortunately, my client is a little gullible, and is demanding that I make these "easy" (as the consultant put it) changes. I have been doing WP sites for a little over a year now, and all I know of image alignment is the standard options in the control panel, like no alignment, right, center and left. Is there a more accurate way to align images in WP? I don't want to say "not possible in Wp" and be proven different by the consultant, thus further eroding my client's confidence in my ability.

    A little help here??? Thanks!

    Terry

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    the placement is in the css..... you can alter how much padding (whitespace), etc each image has in the css

    you can fine tune the layout for alignleft, etc in there too

  3. Odinkinder
    Member
    Posted 3 years ago #

    Thanks Rev., right now this is what I am seeing in the CSS file.

    .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
    img.alignleft { margin:0px 20px 20px 0; }
    img.alignright { margin:0px 0 20px 20px; }
    img.aligncenter {}

    I knew I could change the padding in the CSS for a global change, but, she is being quite specific about where text wraps around images, being quite fussy actually. :(

    They are also wanting thumbnails with text next to them, but when I have attempted it on other projects, I get a "stair step" effect, where the image on what is supposed to be in the next paragraph, ends up tucked in behind the previous text.

    I have been researching the use of clear:both; in CSS, but I am not sure where it is inserted in the CSS stylesheet. Would this be correct use?

    img.alignleft { margin:0px 20px 20px 0; clear:both; }

    Thanks for the help again.

    Terry

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.