Styling changes

I have since fixed two of the requests but two I still need help with;

Firstly these may help other readers…

I fixed the query
“On the website in advanced styling I changed the H1 to H6 to blue but it has also changed the Caption Title on the Full Width Easy Slider on the homepage. How can I change this back to white?”
with
.avia-caption-title
{
color: #ffffff!important;
}

and I removed captions completely from mobile devices with
@media only screen and (max-width: 767px) {
.avia-caption-content
{
display: none;
}
}

@media only screen and (max-width: 767px) {
.avia-caption-title
{
display: none!important;
}
}

I fixed the query
“Further down the homepage the Post Slider is now displaying the clickable post titles in blue, how can I change those to red as well?”
with
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
color: #c33402!important;
}

but I still need to know;

Also is there a way to darken the opacity on the caption backgrounds in the Full Width Easy Slider?

Lastly the button elements, mouse over causes a very faint change, any way to make this hover more noticeable?

Thanks, Denis

Hi Dude,

your first code worked and changed the opacity on the Slider caption backgrounds, thank you

The code you supplied to change the button hover on the Avia Button element did not work.

I added !important but it has not had an effect.

Should the class be .avia-button ?

#top .main_color .button:hover, #top .main_color .big_button:hover, #top .main_color #submit:hover, #top .main_color input[type=’submit’]:hover {
background-color: #ffffff!important;
color:d1202f!important;
border-color: #d1202f!important;
}

Hi Gunter,

applied it as you said but now it is back to default, no change

#top .main_color .avia-button:hover, {
background-color: #white!important;
color: d1202f!important;
border-color: #d1202f!important;
}

Hi Yigit, my mistake, working now, thank you, you may close this thread