colour button 1 in welcome section

[urbanjurist]

Hi,

I can’t find the option to change the colour of button number one in the welcome section. It’s now transparent and turns grey when you hover over it. I would like for it to be grey all the time and when I hover over it a different colour.

Thanks in advance

• This topic was modified 7 years, 9 months ago by urbanjurist.

[Hans (Support Admin)]

You can use Button 2 and then set the color in General Settings > Colors.

Or you can tweak the CSS for the Button 1 in the style.css file if you know a bit of CSS coding.

Let me know if that answers your question.

[urbanjurist]

Hi Hans, thanks for your reply. I’m using both button one and two in the welcome section, so it will have to be in css if I understand you correctly. Where exactly can i find that specific code for button one? or is it possible to add a coding line in the customizer to tweak this button?

[Hans (Support Admin)]

Yes it is

.btn-secondary

On line 237 of the style.css file.

[urbanjurist]

Thanks, I will try this and get back at you.

[urbanjurist]

Finally got around to tackle this and it worked like a charm, thanks!

[Anonymous]

I’m having the same issue, except I don’t code. I need to use both buttons as well. Please advise as to how to either turn the hover function off or change the color prior to the hover color to a darker one. Thanks!

[Hans (Support Admin)]

Hello @ASavvy2013

To change the color of the white button in the welcome section, you can use the following CSS code.

.hero .btn-secondary {
border-color: black;
color: black;
}
.hero .btn-secondary:hover {
border-color: black;
color: white;
background: black;
}

Simply copy and past this into the Custom CSS field of Custom Code section of Integral Options.

See this screenshot https://www.dropbox.com/s/t8o2x8gxu8ei98u/custom-css.PNG?dl=0