How to change the style of buttons in specific widgets


#1

I’m stumped.

Ok I have some lovely Custom CSS which changes all my buttons and makes them look lovely:

.call-to-action {
padding: 10px 30px;
background-color: rgba(255, 107, 83, 0.25);
box-shadow: none;
border: 2px solid #ffffff;
font-size: 30px;
}

a.button, input[type=“submit”], input[type=“post”]{
color: #ef8037;
padding: 10px 30px;
background-color: rgba(255, 255, 255, 255);
box-shadow: none;
border: 2px solid #ef8037;
font-size: 30px;

}

But - due to the styling of my page I need the buttons in one or two places to be different to the others and I can’t work out how to do this. I have really tried.

Any suggestions?


#2

Ok - as soon as I ask for help I work it out.

div#pgc-505-1-0 .call-to-action {
color: #ef8037;
padding: 10px 30px;
background-color: rgba(255, 255, 255, 255);
box-shadow: none;
border: 3px solid #ef8037;
font-size: 30px;
}