Grow your CSS skills. Land your dream job.

WordPress PHP Styling Issue

  • # July 5, 2009 at 11:17 am

    I have the "get the image" plugin running on a WordPress site along with some PHP pulling in the page title and date created. The goal is to have this page pull thumbs, titles, and date created to display on a page showcasing other pages – a hub if you will.

    It all works wonderfully – but I am having trouble styling the page. I need the thumbs to line up in a grid.

    The PHP Loop:

    Code:
    < ?php query_posts('post_type=page&meta_key=gallerypage&meta_value=yes'); ?>

    < ?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    < ?php get_the_image( 'default_size=medium&width=100&height=100&image_class=feature' ); ?>
    ” rel=”bookmark”>< ?php the_title(); ?>
    Posted < ?php the_date(); ?>

    The CSS:

    Code:
    .hub-item { float: left; text-align: center; width: 125px; padding: 0px 0px 10px 0px; }

    The Results:
    http://www.d2lgraphics.com/clients/abou … page_id=33

    Any suggestions would be greatly appreciated!

    Kindly,
    Frank

    # July 5, 2009 at 11:37 am

    why dont you try and put a grid system in…. and populate with the itmes.

    e.g.

    Code:
    < ?php
    your php to get from wordpress

    end php ?>

    # July 5, 2009 at 5:08 pm

    Issue SOLVED. I had a </div> in the wrong place.

    :)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".