• 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

CSS for a transparent background and border on the Genesis Blocks Accordion

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 › Genesis Blocks › CSS for a transparent background and border on the Genesis Blocks Accordion

This topic is: resolved

Tagged: accordion, css

  • This topic has 5 replies, 2 voices, and was last updated 1 year, 9 months ago by Anita.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2021 at 1:29 pm #504169
    Dan L
    Participant

    'Ello!

    Just wondered if anyone had a CSS snippet lying around that would help me lose that clunky background on the Genesis Blocks Accordion? Any help would be hugely appreciated, thanks!

    June 2, 2021 at 8:19 am #504182
    Anita
    Keymaster

    Link to the website and location where you've added it.


    Love coffee, chocolate and my Bella!

    June 2, 2021 at 8:58 am #504185
    Dan L
    Participant

    Hey Anita,

    Thanks for getting back! Here's a link;

    Homepage

    Location is just below the fold, two accordions - 'Writing Services' and 'Digital Marketing Services'.

    Cheers,
    Dan

    P.S. Please excuse my minging website, it's very much a work in progress!

    June 2, 2021 at 1:33 pm #504187
    Anita
    Keymaster

    Have you check that block to see if the colors are in the settings? I see this code when viewing in dev tools.

    .gb-block-accordion .gb-accordion-title {
        background: #f2f2f2;
        padding: 10px 15px;
    }
    

    Adding that to the Additional CSS box and changing the color to transparent or #fff for white will change that area. But I would make sure there isn't a setting on the block itself to do that.


    Love coffee, chocolate and my Bella!

    June 3, 2021 at 4:05 am #504191
    Dan L
    Participant

    Magic!

    Wooo, thanks very much, Anita, that's perfect! I did have a proper scour through the block settings, but couldn't find anything.

    Well chuffed!

    June 3, 2021 at 11:25 am #504201
    Anita
    Keymaster

    You're welcome! Closing and marking resolved.


    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘CSS for a transparent background and border on the Genesis Blocks Accordion’ 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