WordPress.org

Ready to get started?Download WordPress

Forums

CataBlog
[resolved] center Photos? (3 posts)

  1. marastev2
    Member
    Posted 2 years ago #

    Hello There, I am trying to get this centered and have try all the CSS vaules. Do think it's the wordpress theme? Hopefully, we can figure this out:

    http://masgraphics.net/pearldesign2/?page_id=16

    I have made Div's align center and play around with the margins in the css. Still nothing to get it center on both sides of the page.

    Thanks,
    Mark

    http://wordpress.org/extend/plugins/catablog/

  2. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Marastev2, so your HTML/CSS is fairly messy, and I don't understand why your content div is set to 100% wide. That's ok though, really though it is important to do two things.

    1. Remove the div with id catblog2 from your template code, or where ever it is, unnecessary. Also the catablog-images-column should be removed since you have only one image and it is also unnecessary. Have you looked at the gallery template?

    2. Set the width of catablog-catalog to something like 900 pixels wide for your design. Now set the margin to 0 auto so it is centered.

    If you remove your changes, step two is all you need to do to center your catalog, you can bust out the calculator and figure out the exact width of your catalog my adding the width, margin, border and padding of each catablog-row and multiplying it by 4.

    total-width = 4 * (width + margin + padding + border)

    Good luck and hope that helps you solve your problems.

  3. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    I would also highly recommend using a tool such as Firebug or the Web Developer Tools for Webkit to test and troubleshoot your CSS. Learn more about each tool respectively at:

    http://getfirebug.com/
    http://code.google.com/chrome/devtools/docs/overview.html

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags