side by side header widget area

  • peterkinvara

    (@peterkinvara)


    11 years ago

    Have started using Customizr because of its flexibility and great support and am really enjoying all the possibilities and its responsiveness.
    I want to add a utility bar above the header and have figured out how to add a widget area, but if I want to have more than one widget area side by side what would be the best approach? How can I add cells to the widget area?

Viewing 6 replies - 1 through 6 (of 6 total)
  • rdellconsulting

    (@rdellconsulting)

    Do you need multiple widget areas, or could you have multiple widgets in a single widget area?

    For example, you could then add 2 Text widgets with HTML to do what you want. And remember to use Twitter Bootstrap 2 spans.

    Widgets are added as in core WP by sliding them into the Widget Area in Appearance>Widgets

    Thread Starter peterkinvara

    (@peterkinvara)

    Thanks for quick response! If I use multiple widgets, how do I get the widgets side by side rather than stacked one on top of the other?

    rdellconsulting

    (@rdellconsulting)

    Still not sure of exactly what you want to do.

    But for example, you could have a single text widget which uses code similar to:

    <div class="widget1 span6">
[OTHER HTML HERE]
</div>
<div class="widget2 span6">
[OTHER HTML HERE]
</div>

    Thread Starter peterkinvara

    (@peterkinvara)

    OK thanks. What I want is SIDE BY SIDE items. Got it to work using 2 divs and float:left;display:block inline
    in the first and float;right; in the second, so that they are at top left and top right of the header.
    I would still like to know how to get two widgets to appear side by side.

    rdellconsulting

    (@rdellconsulting)

    The Bootstrap code above achieves that.

    Link to site to see what you’re up to?

    Thread Starter peterkinvara

    (@peterkinvara)

    Am working on the site locally using XAMPP. Will link when its live. Will play with the Twitter Bootstrap! Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘side by side header widget area’ is closed to new replies.