You probably need to add more specificity or more accurate targeting to override the existing block button styles. In the first case you are applying the styles to the .wp-block-button__link
subelement, but not doing this for the orange buttons. Without seeing the page, I’d say you would need something like this (if the custom class is applied to the block button element):
.wp-block-button.alert-button .wp-block-button__link {
background-color: #ffa500;
color: #ffa500;
}
or perhaps (if the custom class is applied to a subelement):
.wp-block-button .alert-button .wp-block-button__link {
background-color: #ffa500;
color: #ffa500;
}
Related Posts:
- CSS style button For WP Login Function in page template
- How to edit the default icon of Add Media button?
- Menu toggle bar works only on some pages in WordPress
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- How to properly hide the div of an inline collapsible button?
- How to include backend buttons css on frontend?
- How to change wordpress registration form submit button value?
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Set line spacing
- Outline effect to text
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Transition of background-color
- How to add a color overlay to a background image?
- Change color of PNG image via CSS?
- css: how to center box div element directly in center?
- Transitions on the CSS display property
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- Overflow Scroll css is not working in the div
- CSS div width not working
- Positioning background image, adding padding
- CSS Box Shadow – Top and Bottom Only [duplicate]
- How to place Text and an Image next to each other in HTML?
- Click through div to underlying elements
- Responsive iframe with max width and height
- Overflow-x not working
- Inner glow effect of button
- Hexagon shape with CSS3
- CSS selector for first element with class
- Inbuilt style for jquery-ui-datepicker
- Why is style.css not being enqueued?
- Using theme options to change link colours
- How make theme css be first and not plugin css
- When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
- One WordPress and database but multiple subdomains
- Collapsible button inside a ul list does work in jsfiddle but not in WP
- How can I remove css from a child theme?
- Can “ and “ tags be used in the HTML editor?
- wordpress in wamp lan doesn’t load css
- JavaScript added as link/stylesheet
- WordPress Twenty Fourteen Theme Sidebar
- How to apply wordpress css styles to a jQueryUi dialog?
- Auto LTR-RTL Text Direction in wordpress post!
- Is there any size difference between single quote ‘ ‘ and double quote ” ” in CSS
- Removing Title From Links to Site
- Admin pages missing css
- WordPress problematic caching
- why this media query is not working / not loading when I put it in child theme?
- Rendering css to screen and debug problem
- How to link theme fonts directory in WordPress CSS?
- WordPress custom styles in menu page
- How to Style Primary Menu with Active Class
- Unable to align my sidebar to the contents section instead of comments
- Get post format and use it as a CSS class in different spans
- Can’t call custom css in style.php
- Using post_class to style posts indivdually
- Hiding Label via CSS
- What is the best method to have Dynamic CSS?
- Load custom CSS before admin CSS
- Custom CSS is not working?
- How do I get access to the CSS Editor
- Style product detail page with custom CSS in woocommerce
- Using variable to display a page with a different stylesheet
- How can I style an IFRAME element that has a constantly changing class name? [closed]
- Twenty Twelve Calender Widget post titles creating disturbance
- why does this text overlaps in the sidebar?
- Combine CSS Files without plugin
- My site on mobile version is not giving responsive view
- JS button animation for ajax the WordPress style
- Missing “Additional CSS” option in Customizer
- check the first login for specific roles
- Trying to make an image a circle in Gutenberg
- How to style a list item when the radio input button within that li is :checked
- How to remove padding from left&right side
- adding additional class to get the post thumbnail [duplicate]
- links format change “on clic”
- Web Developer Console: “Slow network is detected.” with fonts
- Problem alignment issue with echo knowledge base
- Complex List Field – Gravity Forms
- issues with a slider – investigations with firebug
- My custom theme text and content format
- The placeholder text doesnt disappear
- Theme stylesheet not called properly on cloned website
- CSS Changes made, lost mobile functionality
- Display different css or Information based on previous page
- How to edit wordpress native gallery’s css file?
- a slider menu is compromised in space
- why css doesnt work when i change my file of wordpress and sql to another computer?
- Installing non-standard fonts [closed]
- remove author and date from all posts [closed]
- Suddenly, all links in #content div are not clickable, but I don’t see any z-index bug? [closed]
- Hiding fields a form in via CSS [closed]
- Can physically see CSS changes occur when refreshing page
- Insert a group block inside a list item
- Block content rendered with inline CSS. How do I reuse it in a headless setup?
- Gutenberg: where to find style settings
- A website built using wordpress, but the articles on the sidebar of this webpage cannot be displayed