Header Button

  • tera12

    (@tera12)


    7 years ago

    Hello,

    I’ve run into what is most likely an easy fix; but I don’t know how to fix it.
    I created 2 buttons on my header, and one of them shows the text and the other one doesn’t. I need them to both show text. The problem button is the “About” button. Could someone please take a look and provide the css needed to make the text show up on the “About” button as well.

    Here is what I put in the Additional CSS folder – I probably have too much info too!

    }
button, .button, input[type="reset"], input[type="submit"], input[type="button"] {
    background: black;
    background-color: white;
    background-clip: border-box;
    border: solid 5px #000;
    border-radius: 5px;
    color: black;
    outline: black;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    zoom: 1;
   	}

    Thank you!!

    Tera

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    I hate to roll out !important, but I’m not seeing the cascade otherwise.

    div#header-button-container-inner a {
    color: red !important;
}

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter tera12

    (@tera12)

    7 years ago

    Hi Steve,

    Thank you for the quick response. Where should I add this line?

    Tera

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    It’s in my reply.

    Thread Starter tera12

    (@tera12)

    7 years ago

    I see the line of code in your response, but I don’t know where to put it. I hope I’m explaining that correctly. Does it go at the beginning, at the end, in the middle? After or before a specific line?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    >> To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress <<

    Stick it at the end.

    Thread Starter tera12

    (@tera12)

    7 years ago

    Thank you Steve! That worked perfectly.

    Have a great day!!

    Thread Starter tera12

    (@tera12)

    7 years ago

    Hi Steve,

    Hope you can help again. So I had to change my theme and in doing so, I have lost my call to action buttons. The theme I am using is Neve and it comes with a primary button, and I tried customizing it, but the css code I am adding is not making the changes happen. I want the primary button to be large, black, with white font and a white thick border. I also need a secondary button right beside it, to look the same but the text “Request A Signing”.

    Something else that happens is that I cannot see this button on the mobile version – is there a way I can make it stay visible for the mobile version as well?

    Here is what I added:

    {.button.button-primary
    font-size: 1em;
    font-weight: 600;
    padding: 14px 25px;
    transition: all .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    border: solid 5px #ffff;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1.68421;
    font-family: inherit;
    }

    Thanks so much again!!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header Button’ is closed to new replies.