Accordion border radius problem

Hi there,

The Accordion block is a GB Pro option, so we can’t support it in the free plugin support forum here – it’s a WP rule.

Please open a support topic in our premium support forum and we are happy to help: https://generate.support/

Thanks!

My sub very recently expired.

An accordion shouldn’t inherit my theme’s button styles, that’s obviously going to be problematic for many sites.

Since this seems like an oversight of the plugin, I don’t think it’s fair that you ask me to pay again. That doesn’t sit well with me.

If you can’t assist me here, please let me know how I can get in touch with you directly.

Hi there,

if you don’t want the Accordion Button to inherit the theme styles then you will need to change its styles using the block settings.

And to help you automate the process you can use Global Styles and Local Patterns, these docs should assist:

https://docs.generateblocks.com/article/global-styles/
https://docs.generateblocks.com/article/pattern-library-overview/#local-patterns

But that is about the limit of what i can assist with in the free forum.

Hi David,

I appreciate your reply but honestly, it’s crazy that something this simple requires so much work. Accordions shouldn’t inherit button styles with no way to disable it. GB can be so infuriating to work with.

• This reply was modified 11 months ago by lewisp91.
• This reply was modified 11 months ago by lewisp91.
• This reply was modified 11 months ago by lewisp91.
• This reply was modified 11 months ago by lewisp91.
• This reply was modified 11 months ago by lewisp91.
• This reply was modified 11 months ago by lewisp91.

Unfortunately we cannot change the way CSS works.
One of the fundamental principles of CSS is inheritance, this means if your theme adds a style for the HTML <button> element then those styles will be inherited by any <button> on the page.

And there is no auto magical method of disabling that. It would require writing CSS resets to mitigate any CSS that your theme or styles may ( or may not ) have added to the button, and the end result would be a basic looking HTML button. Not only would this look terrible, it would add needless CSS and make it more complicated for GB to add its styles.

Instead you need to add styles to the specific button element. And some of the styles may be required to overwrite those coming from elsewhere. Such as your theme.

In GB you can add and overwrite styles via the block styles inspector controls. And with Pro you can save those styles to a Global Style, and then build a local pattern for your accordions, tabs or whatever else you build.