WordPress.org

Forums

[Plugin: Widgets on Pages] Horizontal columns? (8 posts)

  1. Jdizzle66
    Member
    Posted 3 years ago #

    Hey there!

    This plugin does exactly what I am looking for, but I need the columns to be horizontal, instead of vertical.

    Is there a way to change this?

    Thanks in advance.

  2. toddhalfpenny
    Member
    Posted 3 years ago #

    Sure thing jdizzle66,

    This can be achieved with CSS... I've written a post about it here

    If you like the plugin don't forget that a nice 5* rating over here will be super appreciated!

  3. Jdizzle66
    Member
    Posted 3 years ago #

    Thanks for the reply.

    Using the code you had in the thread did not seem to do anything for me. Everything still stacks vertically.

    http://dev.nerdragetoys.com/?page_id=2

  4. toddhalfpenny
    Member
    Posted 3 years ago #

    Hey again,

    Right looks like some earlier CSS is setting a clear on these. Try adding this to your last #horiz .widget {...} section.

    clear: none;

    Ta,
    Todd

  5. Jdizzle66
    Member
    Posted 3 years ago #

    That made the columns side by side, but they are still vertical.

    How do i make the columns go horizontal across the page?

    Thanks for the help.

  6. toddhalfpenny
    Member
    Posted 3 years ago #

    Ah right... so this is a slightly different problem.

    If you remove that clear: none; and set the width of that block to 100% (currently 25%) and then add the following to the end of your css you should get what you want.

    #horiz .widget .sideproduct {
    float: left;
    width: 25%;
    }
  7. Jdizzle66
    Member
    Posted 3 years ago #

    YOU ARE THE MAN!!!!

    Thank you so much for your help! This is perfect! Great plugin!

  8. toddhalfpenny
    Member
    Posted 3 years ago #

    Glad to be of help... and please don't forget you can rate the plugin if you like it and the support you've got (5 stars is always appreciated ;-) )

Topic Closed

This topic has been closed to new replies.

About this Topic