I am facing an issue where I need to create a button with a specific width, but the template I'm using already has predefined styles for buttons. When I try to customize the button's style, nothing seems to change. Below is the code snippet:
Here is how I implement the button component in my React class:
<Button
className={classes.buttonW}
component={Link}
color="success"
size="lg"
to="/album-carousel-page"
>
Gallery
</Button>
The CSS classname used to modify the button's style:
buttonW: {
width: "100px",
height: "30px"
}
And here is the original button template code (which looks quite complex to me):
button: {
// Various styles and properties defined here
},
fullWidth: {
width: "100%"
},
I appreciate any help you can provide. Dealing with styles can be quite time-consuming and frustrating :(