• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Phone number not showing on iPhone, Monochrome Pro

Welcome!

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Phone number not showing on iPhone, Monochrome Pro

This topic is: not resolved

Tagged: header, monochrome pro, phone number

  • This topic has 2 replies, 2 voices, and was last updated 2 years, 8 months ago by di.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 1, 2020 at 10:50 am #498354
    di
    Participant

    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/
    May 1, 2020 at 12:01 pm #498358
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    May 19, 2020 at 10:08 am #498798
    di
    Participant

    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:
    .white {
    color: #FFF; /*ADUNATE added so phone number on cell phone is white*/
    }

    In the widget, I changed the html to this:
    <h4>
    Call or Text June & Terry <span class="white">262-528-3862</span>
    </h4>

    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?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble