Docs

[pcnordhaug]

Hi!

Is there a way to remove the box in the footer widget area?

I use a “text”-widget here and like the heading and image to appear on the background. Not in a box like the other widgets.

Its important that this have no affect on the other widget areas.

[pcnordhaug]

This reply has been marked as private.

[pcnordhaug]

By the way – the white box behind the widgets are results of this code i found somewhere in this forum;

.widget {
    border:1px solid #ffffff;
    border-radius: 4px;
    background-color:#ffffff;
    box-shadow: 0px 0.15em 0.35em 0px rgba(0, 0, 0, 0.133);
    padding:15px;
    text-shadow: none !important;
    opacity: 1.00 !important;
}

Now I want this to not affect the widgets in the footer area.

[Christian]

Try changing .widget to footer:not(.x-colophon.top) .widget

Thanks.

[pcnordhaug]

Sorry – didn´t got this right… change tho what exactly?

[Friech]

Hi There,

Sorry for the confusion, what we mean is update the css code you shown above to this:

footer:not(.x-colophon.top) .widget {
    border:1px solid #ffffff;
    border-radius: 4px;
    background-color:#ffffff;
    box-shadow: 0px 0.15em 0.35em 0px rgba(0, 0, 0, 0.133);
    padding:15px;
    text-shadow: none !important;
    opacity: 1.00 !important;
}

Hope it helps, Cheers!

[pcnordhaug]

Sorry – doesn´t help. If this code is replaced with the one I shown above all the boxes are gone.

Is there another way?

[Rupok]

Hi there,

Thanks for updating. Let’s keep it simple. To remove the box from your mentioned footer; kindly add this CSS :

.x-colophon.top .widget.widget_text {
  box-shadow: none;
}

Hope this helps.

[pcnordhaug]

Fantastic! Thats simple 🙂 Just remove the shadow. just didn´t know what to type in before that. This works really nice! Thank you Rupok!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts