Forums

[resolved] Horizontal order in first footer widget area (8 posts)

  1. Neeraj
    Member
    Posted 1 year ago #

    I want to add 3 widgets to the first footer widget area(preferably with vertical line breaks). When I add the second widget it is placed in a vertical order after the first one. Is it possible to arrange them in horizontal order? Any help will be greatly appreciated. Thank you.

    website: http://www.neerajkulkarni.com

    theme: Twenty Ten 1.1

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    why don't you use the first three widget areas of the footer widgets?

    it would make it easier to try and check css fixes for your idea, if you can have three widgets in the first area; at the moment there is only one widget there.

  3. Neeraj
    Member
    Posted 1 year ago #

    I tried adding 3 widgets but they would line up one below the other. I've added 3 widgets for testing purpose now. It takes up quite a lot of space after the content area which I want to avoid.

  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    #footer-widget-area #first { width: 940px; }
    #footer-widget-area #first ul .widget-container { width: 30%; float:left; margin-right:3%; }

    if you add something like this to the and of style.css of your theme, the three widgets will be aligned side-by-side.

    be aware that this will not work if you try and add widgets to the other footer widget areas.

    however, i still do not see the point of making this change to style.css, if you simply could add one widget each to the first three footer widget areas.

  5. Neeraj
    Member
    Posted 1 year ago #

    Yes, adding one widget to each footer widget area works. I was adding 3 widgets in first footer area. Thanks a lot for your time and help.

  6. Neeraj
    Member
    Posted 1 year ago #

    By the way, is there any way to add a vertical line break between these three widgets?

  7. alchymyth
    The Sweeper
    Posted 1 year ago #

    i can't see any good way of adding a vertical line between these areas;

    adding 'border-right:1px solid #111;' to the style of the individual footer widget areas does not really work, as the areas do not have any padding.

  8. Neeraj
    Member
    Posted 1 year ago #

    No problem. Thanks a lot anyway.

Topic Closed

This topic has been closed to new replies.

About this Topic