Inline Images Centered (5 posts)

  1. elic2013
    Posted 3 years 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 3 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  3. elic2013
    Posted 3 years 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 Nevins
    Forum moderator
    Posted 3 years 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
    Forum Moderator
    Posted 3 years 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