Trouble with Sydney FP: Call to Action


#1

I am trying to change the color of the call to action button to match the others, but cannot find a way to do that.

Also, I have 0 padding between the row of text “Hi, I’m Stephanie…” and the button “more about me”, but they are still spaced far apart. Any suggestions?

Thank you!


#2

Hello,

please try this code:

.roll-button {
  background-color: #ff0000;
  border: 1px solid #ff000;
  color: #fff;
}
.roll-button:hover {
  background-color: transparent;
  border: 1px solid #ff000;
  color: #ff000;
}

#3

I’m still having trouble with it. Am I inputting this code in the widget itself under CSS Styles or in the child theme CSS Editor?

Either way, it’s still does not change the colors. Hmm… I will try to figure out what I’m doing wrong.

Any other suggestions? Thanks!


#4

Please use a child theme or use a plugin like this simple custom css.

If it still doesn’t work, use “!important” behind the colors.
E.g. background-color: #ff0000 !important;


#5

Wonderful- with your help, I got it! Thank you :slight_smile: