Question about re-arranging widgets in Footer Area 1

Community Forums Forums Design Tips and Tricks Question about re-arranging widgets in Footer Area 1

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  SoZo 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16878

    dogleg.com
    Participant
    Post count: 27

    Hi–I have a couple of footer questions I hope someone can answer:

    I have Prose; in my Appearance…..widgets menu, there are “Footer 1,” “Footer 2,” and “Footer 3,” and then also “Footer area #1″ and “Footer Area #2″ to put widgets in.

    I have two large-ish widgets installed in my “Footer 1.” They are working fine, but I wish they were side-by-side, and not one above the other one. How can I make them beside each other?

    Also, when I tried to put one in the “Footer 2,” it disappeared—-I don’t really understand why I have 3 footer areas…I must pick one to use, is that correct?

    And, I am using “Footer Areas” #1 and #2 just fine, but I am wondering if I can put more than one widget in area #1 and/or in area #2? I put another one in area #1, and the first one disappeared.

    Thanks for your help….

    http://doglegbipolarjourney.com

    Paula

     

     

    • This topic was modified 1 year, 7 months ago by  SoZo. Reason: URLs should be links
    • This topic was modified 1 year, 7 months ago by  SoZo. Reason: URLs should be links
    #16891

    SoZo
    Moderator
    Post count: 1573

    You can put as many widgets as you want into any of the sidebars. To align two or more items next to one another they need to be floated. So you could do something like .footer-widgets-1 .widget { float: left; width: 48% }

    Not sure what footer area #1 and #2 are. Those are not sidebars that come with Prose.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16899

    dogleg.com
    Participant
    Post count: 27

    Thanks for replying!

    The Footer #1 and #2 are not sidebars, they are in the footer area, at the bottom of the page.  But I think what you are saying is that there is no room for more, just one in each.

    (I looked at the link, but those instructions are usually over my head, because I have no experience with this) When you say:

    .footer-widgets-1

    do you mean that is how my CSS adjustment should start out, or should I look for that area in my css.style page??  I know I can make CSS changes in my custom CSS area, I just need to know how to start out my first line.

     

    One other thing—my comment box is only three-sided: top, bottom and left–the right side is  cut-off (invisible). Is that a column-width thing, and if so, what does the code look like/start with so I can adjust the correct one?

    Thanks so much

    Paula

    #16901

    SoZo
    Moderator
    Post count: 1573

    Anywhere you can place a widget is really a sidebar. And you can place as many widgets you want into any sidebar.

    .footer-widgets-1 .widget is a selector. See this to understand CSS syntax. Since the widgets you want to float are within the .footer-widgets-1 div and have a class of “widget” applied adding a new style rule with that selector will target the widget class with your properties in this case a float and width. You need to have a width declared otherwise the widget class would be 100% wide and there wouldn’t be any room for another widget beside it.

    Make sense?

    And for the comment box it should work to reduce the width a tad, so try adding #comment { width: 96% } to your custom CSS


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16903

    dogleg.com
    Participant
    Post count: 27

    Thanks so much, SoZo, for the clear explanation!

     

    #16906

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

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

You must be logged in to reply to this topic.