WordPress.org

Ready to get started?Download WordPress

Forums

DivUp Content
Plugin: DivUp Content (9 posts)

  1. annalouis
    Member
    Posted 3 years ago #

    Hello
    I am a newbie to WP and I am currently using the twenty ten theme.
    I would like to create 5 columns on my homepage with 2 rows to feature 10 images. I have had a go with your plugin and seem to get 3 columns with 4 rows instead. I typed in the following into my css sheet:

    }
    .divup {
    float:left;
    width:179px; margin-right:8px;
    }
    .mul-5 { margin-right:0;
    }

    Please see my page: http://www.kidsmoderndesign.co.uk/

    Could you kindly advise what I am doing wrong?
    Kind regards

    http://wordpress.org/extend/plugins/divup-content/

  2. annalouis
    Member
    Posted 3 years ago #

    Ok I have now increased the width of my homepage to 1000px, but the first image is slightly higher than the other images, could you advise how I could lower it?
    Many thanks

  3. Themeover
    Member
    Plugin Author

    Posted 3 years ago #

    Hi,

    I'm not sure why the top image is higher than the rest. Sometimes making images display block can fix oddities like this. So you would write:

    .divup .wp-caption img { display:block; }

    If that doesn't work it could be the margin and padding on the image and caption div. Trying setting it all to zero and then add margin/padding back in gradually, refreshing the page as you go to see what breaks it.

    To reset the padding/margin try:

    .divup .wp-caption,
    .divup .wp-caption img
    { padding:0; margin: 0; display:block; }

    I hope that helps!

    Sebastian

  4. annalouis
    Member
    Posted 3 years ago #

    Hello the first code didn't change a thing and when I tried the second code i.e. change the padding to 10. It changes all of the images except for the first one.
    Did I miss anything in the original code:

    }
    .divup-wrap {
    overflow:hidden;
    }
    .divup {
    float:left;
    width:169px; margin-right:8px;
    }
    .mul-5 { margin-right:0;
    }

    I tried creating a brand new page and it ignores the 1st image again.

    Any other ideas?
    Many thanks
    Anna

  5. Themeover
    Member
    Plugin Author

    Posted 3 years ago #

    No, the original code should just work.

    I'm sorry to say I'm stumped as to what's lifting that first image!

  6. annalouis
    Member
    Posted 3 years ago #

    if i place the [divup] in between every two images instead of every single image, then both images on the first column move up...strange... do you think its the twenty ten theme?

  7. Themeover
    Member
    Plugin Author

    Posted 3 years ago #

    It will be something to do with a CSS rule defined somewhere in the parent theme's stylesheet. But I couldn't see what that was.

  8. annalouis
    Member
    Posted 3 years ago #

    Hello I have solved the mystery! The div up code i was entering into my page was coming up in bold, i changed it to normal text and it now works! Many thanks

  9. Themeover
    Member
    Plugin Author

    Posted 3 years ago #

    Glad to hear it!

    Seb

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic