Enabling Gradients in Theme Manager Causes Unwanted Background Gradient

Wappler General Need Help
21

:+1: That seems to do it thank you kindly.

I am confused as to why when trying to add a bootstrap bg-white or custom css rule to the buttons that did not work but the important aspect is that this worked correctly.

I tried to externalize that to the styles.css file & did not get the same result. Can that be externalized there?

image

1 Like
22

First, I update the code to this one: (Only use one background-image property ) :wink:

<style type="text/css">
    
.carousel-control-prev, .carousel-control-next {
   background-image: none !important; 
}
</style>

The issue you mentioned occurs because the Bootstrap CSS file loads after the style.css file, causing Bootstrap’s styles to override those in style.css.

To fix this, adjust the order of the stylesheets in your <head> section. Place the Bootstrap CSS file first, followed by style.css, ensuring that your custom styles take precedence. Alternatively, you can use !important in your CSS rules to override Bootstrap styles when necessary.

Let me know if this works.

1 Like
23

Thank You, all you stated is sensible & worked correctly. I appreciate everyone's help.

1 Like