continue reading blue button

  • Resolved vanessajw

    (@vanessajw)


    11 years, 3 months ago

    I’m trying to find the edit css part for changing the intrusive blue button that’s everywhere, and changing it to grey. I’ve managed to find with firebug the code and change the hover colour but hunting through every colour css I cannot find anything that makes the blue change to anything different. does anyone have the css for changing the non hover state, non active blue button to any other colour I choose, hex/rgb.

    Aha as I write I just discovered this part changes all the input buttons to whatever rgb colour code you choose, replace the number with your choice, I chose orange in the end, I now have to hunt out the hover blue as well! Part Resolved! 

    button, input[type="button"], input[type="reset"], input[type="submit"], .button-primary, a.button-primary, .wpm-button-primary, a.wpm-button-primary {
    display: inline-block;
    background: none repeat scroll 0% 0% rgb(222, 85, 0);
    color: white;
    text-decoration: none;
    padding: 10px;
    border: medium none;
    font-weight: 300;
    cursor: pointer;
    font-size: 100%;
}
Viewing 1 replies (of 1 total)

  • Here is the code I am using. I got rid of the button look altogether for “continue reading.” From what I have seen so far, everything looks as expected on a laptop screen. I have not yet tested the code on a mobile device. I am not sure what .wpm affects. 

    /* Color of older posts button */
#infinite-handle span {
	background-color: #c85300;
}

/* Button background and text color */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wpm-button-primary,
a.wpm-button-primary {
	background: #4d4d4d;
	color: #ffffff;
}

/* Button hover background color */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wpm-button-primary:hover,
a.wpm-button-primary:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button-primary:focus,
a.button-primary:focus,
.wpm-button-primary:focus,
a.wpm-button-primary:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button-primary:active,
a.button-primary:active,
.wpm-button-primary:active,
a.wpm-button-primary:active {
	background: #858585;
}

/* Continue reading button */
.button-primary,
a.button-primary {
	background: #ffffff;
	color: #042256;
}

.button-primary:hover,
a.button-primary:hover {
	background: #ffffff;
	color: #E3A739;
}
Viewing 1 replies (of 1 total)
  • The topic ‘continue reading blue button’ is closed to new replies.