[mparalovos@gmail.comParticipant]

I have followed the instructions here – https://community.theme.co//kb/implementing-additional-button-colors/, i have a child theme installed and active and yet, i still can’t figure out how to change the colour of the button.

To explain my issue, i’m working in cornerstone to edit my page. Across the top on the left hand side there are 4 icons. When i create the button i’m working in the 3rd icon to the right. When i attempt to add my custom css, i click the 4th icon (farthest to the right). I add the css, but nothing happens. It doesn’t give me an indication i’ve selected the button, and nothing changes when i navigate away. I saved the new css and checked on my main site and nothing.

I have also tried to inspect element to edit my style.css, but i can’t figure out what the button class is to rename / give it it’s own class.

I can’t use the short codes because i’m in cornerstone.

any help would be appreciated. My site is http://www.growwithseo.ca

Thanks!

[Paul RModerator]

Hi,

Can you provide us the exact url of the page you are referring to.

Thanks

[mparalovos@gmail.comParticipant]

i’m referring to the home page. that is the exact url. the button in question is the one at the top of the front page (help your business grow with seo) also, the text in the next image needs to have it’s colour changed (but i’m running into the same problem)

[ChristopherModerator]

Hi there,

Please add a class name like my-btn to this button

Now add the following code in Customize -> Custom -> CSS :

.my-btn{
color:red;
background-color:#000;
border-color:yellow;
}

Hope it helps.

[Paul RModerator]

Hi,

Try adding a class to your button element.

eg. Add my-button in the class field

http://screencast.com/t/gQJpOGB1

You can then add the code below in cornerstone > settings > custom css

.my-button {
      color: red;
      border-color: red;
}

.my-button:hover {
      color: blue;
      border-color: blue;
}

Change red and blue with the color that you like.

Please note that you need to enable advance control for the class field to show up.

Hope that helps.

[mparalovos@gmail.comParticipant]

thanks! thats the part i was missing (i didn’t know how to turn on advanced options!)
Thanks so much! 🙂

[Paul RModerator]

You’re welcome!

[Author]

Posts