3-Widget Area on Footer

  • Resolved quenster

    (@quenster)


    6 years, 7 months ago

    Hey Ben, I’m using Chosen Gamer on a project and was asked to add a 3 Widget Area on the Footer. I did created the Widgets Areas, but somehow it does not display the 3 divs side-by-side.

    Here’s the CSS

    .footer-item {
float: left;
width: 33%;
padding-bottom: 10px;
}
.footer-item ul {
padding-left: 15px;
}

    and the html code

    <div class="footer-item">
<?php
if(is_active_sidebar('rodape_widgets-1')){
dynamic_sidebar('rodape_widgets-1');
}
?>
</div>
<div class="footer-item">
<?php
if(is_active_sidebar('rodape_widgets-2')){
dynamic_sidebar('rodape_widgets-2');
}
?>
</div>
<div class="footer-item">
<?php
if(is_active_sidebar('rodape_widgets-3')){
dynamic_sidebar('rodape_widgets-3');
}
?>
</div>

    I ran a quick lookup on the the theme CSS, but could not locate the code that is blocking the divs to show it properly side-by-side.

    Can you help me out on this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey,

    It’s tough to say without examining the site. I would alt-click and “Inspect Element” on one of the widgets to check it out with your browser’s dev tools. This will let you find any margin or padding properties that may be affecting the .footer-items divs.

    The code you have on its own should work fine, so it seems there is likely some other CSS disrupting it and the dev tools I think are the best way to find that code. I would also make sure that the cache is cleared the CSS you’ve added is being loaded.

    Edit: Also a quick tip in case it is a caching thing, I always keep the Busted! plugin active on my local installs to prevent those kinds of issues.

    • This reply was modified 6 years, 7 months ago by Ben Sibley.
    Thread Starter quenster

    (@quenster)

    Hey Ben. Thanks for the quick reply. Here’s the site – https://www.sapoha.com.br

    I double checked the register-sidebar code and adjusted the html side. It looks great on Mozilla, but somehow not on Chrome. Perhaps some issue on my Chromium browser on Ubuntu. Can you check how it looks on your side? Thanks!

    • This reply was modified 6 years, 7 months ago by quenster. Reason: Browser Chromium
    Theme Author Ben Sibley

    (@bensibley)

    I’ve just visited in Chrome on Mac and it’s looking good now: https://pics.competethemes.com/t5fA.

    Thread Starter quenster

    (@quenster)

    Yeah. All sorted out. Thanks for the attention and for this great minimal theme. Keep it up the good work ??

    Theme Author Ben Sibley

    (@bensibley)

    Yea no problem! Don’t hesitate to open another thread if anything else comes up.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘3-Widget Area on Footer’ is closed to new replies.