Change "Reade more" - Button Color

Support
#1

Hi, I changed the colors in the option “buttons”, but no change was visible.
My site: deck1.de

I would like to change the red buttons in the blue as well as in the header

Thanks for help!

#2

Hi,

To achieve that, you can add this in X> Theme Options > CSS

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
          background-color: #1f62ad;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, 
.vc_btn3.vc_btn3-color-juicy-pink:hover {
     background-color: #263a8e;
}

Hope that helps.

#3

Perfect, thank you!

#4

You’re welcome.

#5

So there is another problem.

When the mouse pointer moves over the butto, the button increases and the entire website shifts down a bit.

Is there a solution to the problem?

#6

Hi,

To fix it, you can add this in Theme Options > CSS

.vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover {
    border: 0;
}

Thanks

#7

Thanks for the answer.
Now exactly the opposite happens, the page shrinks when you touch the button

#8

Hi there,

Please use this code instead:

.vc_general.vc_btn3:focus, 
.vc_general.vc_btn3:hover {
    border-bottom: 0;
}
#9

Perfect, thank you!

#10

Glad we were able to help :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.