• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Welness Pro — remove white box from Frontpage1 widget area

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Welness Pro — remove white box from Frontpage1 widget area

This topic is: resolved

Tagged: customisation, frontpage1 widget area, Welness Pro

  • This topic has 6 replies, 3 voices, and was last updated 4 years, 2 months ago by Genesis Miles.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 20, 2019 at 9:13 am #490159
    Calvin
    Member

    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/
    March 20, 2019 at 3:42 pm #490164
    Victor Font
    Moderator

    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?

    March 21, 2019 at 3:46 am #490172
    Calvin
    Member

    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

    March 21, 2019 at 10:16 pm #490187
    Victor Font
    Moderator

    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?

    March 22, 2019 at 4:37 am #490195
    Calvin
    Member

    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 :).

    March 22, 2019 at 6:24 am #490200
    Calvin
    Member

    Worked perfectly Victor -- thanks again for your help.

    March 22, 2019 at 11:06 am #490204
    Genesis Miles
    Member

    It was nice, solved, thanks 🙂


    Crazy girl with unblocked mind 😉

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Welness Pro — remove white box from Frontpage1 widget area’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble