Parallax - Change Buttons colors and open link on new separator

Shapely
1

Good Morning

I’d like to ask you two questions about Parallax.

1- I liked to control the color of the buttons and the color text of the buttons.
Should I need a different code for button number 1 number 2?
Can you write for me the code? I read some examples here, but don´t work.

2- In the new theme, is it possible to open the links in a new tab?

Thanks

2

Hi,

  1. 2nd Button color can be changed via Appearance -> Customize -> Shapely Options -> Layout Options -> Button Color, 1st button just use the borders, so you can use this Custom CSS,

.btn-white, .image-bg .btn, .image-bg .btn:visited { border-color: #ff0000; }

  1. You can use something like this: https://colorlibsupport.com/t/client-logos-opening-new-tabs/#post-88564 change the selector according to your needs, use the button selector instead carousel image.

Let us know,

Thanks,
laranz.

3

Good Morning

Thanks for the help, I used the line this way and I would like to know two questions:

.btn-white, .image-bg .btn, .image-bg .btn: visited {background-color: gray; border-color: gray;}

  1. With this command I can control the background color of the first button. How can I control the background color when I move the mouse over it to stop being white?

  2. How can I control the color of the first and second button text?

Thanks again for your help.

4

Hi,

Glad I helped. :slight_smile: To answer your other questions,

  1. Use this to control the hover background color,

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover { background-color: gray; color: #222; }

Change the color to something, if that is in conflict with your background.

  1. Use this for the text color,

.btn-filled, .btn-white { color: #ff0000; }

Let us know,

Thanks,
laranz.