colour button 1 in welcome section

  • 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 4 years, 3 months ago by urbanjurist.

    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.

    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?

    Yes it is

    .btn-secondary

    On line 237 of the style.css file.

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

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

    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!

    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

You must be logged in to reply to this topic.