Welness Pro — remove white box from Frontpage1 widget area

[Calvin]

Hi,

Is there an easy way to drop the white box container under the widgets in the Frontpage 1 area of the Welness Pro theme?

I'm working on a site for a friend and she just wants a single button in this area directly over the Frontpage1 background image (i.e. just the button without the white box you can see here).

http://clairemariebarton.com/newsite/

[Victor Font]

The white box is generated by this CSS. You'll find this code at lines 68, 93, and 99 in style-front.css. I suggest changing the background and border colors to transparent or none.

.image-section .widget-wrap {
    background: #fff;
    padding: 20px 40px;
    position: relative;
}

.image-section .widget-wrap::before {

    border-top-width: 0;
    border-bottom-color: #fff;
    top: -20px;
}

image-section .widget-wrap::after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: -20px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Calvin]

Thanks -- found it!

Managed to get the box to disappear, but then realised that style applies to all of the image areas on the homepage (frontpage 1, frontpage 3, etc.). I need to keep it for the lower sections. Opted to just play around with margins so the white box obscures less of the underlying image.

I suspect I could dive in and work out how to define a new style and apply it just to the frontpage 1 section... but that's probably a bit more involved, and I can work with this compromise for now.

Thanks for your help

[Victor Font]

You can create qualified new classes after the existing ones by using .front-page1.image-section instead of just .image-section.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Calvin]

Brilliant Victor -- thanks -- will give it a go!

Really must spend some more time getting to grips with CSS properly. All that's missing really is the "More Time" bit in the equation :).

[Calvin]

Worked perfectly Victor -- thanks again for your help.

[Genesis Miles]

It was nice, solved, thanks 🙂

---

Crazy girl with unblocked mind 😉

[Author]

Posts