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

[Dan L]

'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!

[Anita]

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

---

Love coffee, chocolate and my Bella!

[Dan L]

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!

[Anita]

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!

[Dan L]

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!

[Anita]

You're welcome! Closing and marking resolved.

---

Love coffee, chocolate and my Bella!

[Author]

Posts