CODEWITHSUNDEEP
htmlcss
sakow0
sakow0

Reputation: 33

CSS Border Colour wont change, tried everything

I have today started to use CSS styling, one thing i cant figure out to change colour of border on a label, i tried alot of examples from stackoverflow with no success. The label in question is on https://www.donermeister.co.uk/product/doner-kebab-beef/ on the right side, once label is selected I want the border to change colour, what ive tried is: 

.ywapo_selected {
  border: 15px solid green;
}

with no sucess, would appreciate any help. I can check the bacground colour, the text eveyrthing just not the border, its so frustrating

Upvotes: 0

Views: 2266

Answers (1)

Cat_Enthusiast
Cat_Enthusiast

Reputation: 15688

The problem is you also defined this:

.ywapo_input_container.ywapo_input_container_labels.ywapo_selected {
     border-color: #999595;
}

This has a very high-level of specificity, which essentially just means, the more exact a selector is, the higher chances that styling gets applied.

For this to execute, you need to set an even higher level of importance:

You can do any of the following:

1) use an !important keyword with your selector, not great practice but it gets the job done.

.ywapo_selected {
    border: 15px solid #green !important
}

2) have an equally specific selector, better CSS practice:

.ywapo_input_container.ywapo_input_container_labels.ywapo_selected{
    border: 15px solid #green
}

Upvotes: 1

Related Questions