Community Forums › Forums › Archived Forums › Design Tips and Tricks › Stubborn cta-button won't change text color
- This topic has 6 replies, 3 voices, and was last updated 4 years, 9 months ago by
addiesgram.
-
AuthorPosts
-
June 11, 2020 at 2:13 am #499233
addiesgram
ParticipantMaybe it's just the late hour... I need the cta-button text ("CONTACT ME") base link to be white. In Design Palette Pro it is set to #fff but on the site that text is adopting the link color for all other links sitewide. I went to the style.css file, and cta-button color is indeed #fff; I've flushed cache several times. The hover text color is correct, but I cannot get the base text color to 'behave' correctly with #fff;
This site is currently in a staging area, you need login info -- if you can take a look and help me, let me know and I'll send you the info in a private post.
TIA
https://catherineleblanc.flywheelsites.comJune 11, 2020 at 2:23 am #499234addiesgram
ParticipantForgot to add: I'm using Minimum Pro theme and the cta-button is in the Site Tagline-Right widget
June 11, 2020 at 6:19 am #499241Victor Font
ModeratorYou have your site password protected. We can't help if we can't see the CSS.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?June 11, 2020 at 8:12 am #499242AnitaC
KeymasterIf you are using Design Palette Pro and a setting is not working, you should contact Design Palette Pro. It isn't a StudioPress Product.
Need help with customization or troubleshooting? Reach out to me.
June 11, 2020 at 10:41 am #499244addiesgram
ParticipantVictor, as I said, the site is in a staging area and is password-protected, which I have no control over at the moment. Is there a way for me to get the login information to you without publishing it here? You have been helpful to me in the past and I would appreciate it if you could take a look at the CSS.
Thanks for replyingJune 11, 2020 at 2:03 pm #499245addiesgram
ParticipantAnita et al, as I mentioned in my first post, I've examined the style.css file and it indicates that the cta button text (link) color is #fff;
a.cta-button { background-color: #899f30; border-bottom-width: 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; font-weight: 300; line-height: 1; padding: 15px 20px; } a.cta-button:hover { background-color: #0ebfe9; color: #fff; }
Design Palette Pro also indicates the color of the cta button text (link) is #fff;
Inside the Site Tagline Widget is this code:
<a class="cta-button" href="https://catherineleblanc.flywheelsites.com/contact/">CONTACT ME</a>
The cta button text is currently adopting the color of sitewide text links and ignoring #fff in both Palette Pro and the style.css file
I'm happy to send the site's login info to anyone who is willing to take a look and help me resolve this issue -- thanks.
June 11, 2020 at 2:52 pm #499246addiesgram
ParticipantSo, I haven't resolved the issue but I did a workaround: With experimentation I discovered that I can change the cta text color to any color
-
other than
#fff.
Black, red, you name it -- just not pure #ffffff. So I've changed the color to #fcfcfc which still gives me white text (or at least white enough!).
I'm still wondering why #fff was a "no go" in this theme so I'll not mark this as Resolved just yet.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.