- This topic has 2 replies, 2 voices, and was last updated 3 years, 6 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I added an additional header to my Monochrome Pro theme for a contact phone number. All works great except on iPhones. The names preceding the phone number are there in white as they should be. The phone number is black/blue and basically unseen in the header. I'm not finding where I can make this adjustment. Thanks.http://therealestateduo.com/
The link is set to the site's accent color, which is the same as the before-header background. I would add a class to the link element so you can control its color better.
As an FYI, if you're not using Safari, I suggest installing it. Safari dev tools allow you to see the source on an iPhone when it's connected to your computer. It works the same as the any browser's built-in inspection tool does on a regular website.
Thanks @VictorFont for your helpful ideas. I'm slow in taking action but finally did so today.
In style.css, I added the following code:
color: #FFF; /*ADUNATE added so phone number on cell phone is white*/
In the widget, I changed the html to this:
Call or Text June & Terry <span class="white">262-528-3862</span>
Unfortunately, this didn't bring any change. Anything I should correct? Perhaps anything else?
Also, thanks for your Safari suggestion. I am using it. Dumb question, how do I do Inspect Elements for/on an iPhone?
© 2023 WPEngine, Inc.