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

Custom styles are overwritten

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.

This topic is: not resolved

Tagged: button styles, child theme, css

This topic has 1 reply, 2 voices, and was last updated 8 months, 2 weeks ago by Victor Font.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
March 27, 2023 at 8:36 pm #507072

jeanniejeannie
Participant

I am writing some custom button CSS in this file:
- wp-content/themes/genesis-sample/style.css

My custom button rules are getting overwritten by these files:
- wp-content/themes/genesis-sample/lib/gutenberg/front-end.css
- wp-includes/css/classic-themes.min.css
- wp-includes/css/dist/block-library/style.css

What is the recommended (least hacky, most sustainable) way to get around this?
http://this is a local build

March 28, 2023 at 7:20 am #507077

Victor Font
Moderator

Use the !important keyword in your CSS.

Regards,

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

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.