WordPress.org

Ready to get started?Download WordPress

Forums

Inline Images Centered (5 posts)

  1. elic2013
    Member
    Posted 1 year ago #

    I would like to center all of my social icons and the 'Email Blur Graphics' button on my site (http://www.blur-graphics.com/wordpress/), and keep them inline. What part of my CSS should I alter?

    Right now the icons are all aligned left.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. elic2013
    Member
    Posted 1 year ago #

    I have been working with inspect element for Chrome and Firebug for Firefox. My problem stems from the class:

    .aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }

    When I change display to inline, however, my images all appear on the left side of the page. How can I center them?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Consider this tutorial for centring elements.

    You're being referred elsewhere because CSS queries this specific are not within the scope of support provided by WordPress.org's forums.

    Here's a CSS-specific forum: CSS Creator.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you are trying to center that whole section, try using a div rather than p and put the .aligncenter class on the div. Or put a left margin on that paragraph that contains the images.

Topic Closed

This topic has been closed to new replies.

About this Topic