changing the color of a button

  • Hi everyone,

    I’m using a Graphpaperpress theme called Onesie Pro and on the homepage under the titles there is a “learn more” button. I’d like to change the color of that button without changing the color of all the menu headings. I tried messing with the CSS code but I’m not entirely sure what I’m doing so I dont want to mess with it more.

    here is the website: https://www.viralandersonprojects.com/

    -Sofia

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

  • Dear bpc123,

    If you go into the file light.css you will find the following:

    .btn-translucent {
	background-color: rgba(255,255,255,0.3);
}
.btn-translucent:hover {
	background-color: rgba(255,255,255,0.8);
}

    If you change the background-color parameters to the color-number you want this will be fixed. You can use the Hex Color Tool website to find the rgba-number of the color you like.

    The background-color of ‘.btn-translucent’ is used for the button when you are not hovering over it, and ‘.btn-translucent:hover’ is the color that is used when hovering over it. That way you could make a button that for instance is lightblue when you see it while when you hover it it becomes darkblue.

    Hope this helps. If it does please mark this topic as resolved.

    Kind regards,

    CS_WordPress

    Thread Starter bpc123

    (@bpc123)

    Thanks for the reply!

    I can’t find light.css, where would this file be? I can’t find it in the template list on the right of “EDIT THEMES”.

    Thread Starter bpc123

    (@bpc123)

    Hi,

    Does anyone know where I can find the light.css file? I’m looking in the wordpress/ appearance/ editor style.css, but can’t find the things mentioned above.

    -Sofia

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘changing the color of a button’ is closed to new replies.

Tags