Adjust phone number link color in widget

  • I have a phone number link done in white text in the before header widget (blue bar). It shows on all browsers and on Android phones, however does not show up on an iPad or iPhone. The phone number is actually there, however it’s taking on the blue background color. Any suggestions?

    • This topic was modified 4 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • When I visited your page with an I-pad or I-phone, I don’t see this problem. Have you tried to empty your cache?

    Moderator t-p

    (@t-p)

    Looking at your site, You’re using therealestateduo2020-theme.

    Your currently used theme could not be found in the www.ads-software.com/themes/ directory, as far as I can see.

    If this was a custom theme, you may have to go back to your developer team and ask them to make the necessary change(s) to the theme.

    For a commercial theme, we ask that you please go to their official support channel, so you can get support from the people who know it best

    Forum volunteers are not given access to commercial products, so they would not know why it is not working properly. Other community members who may have faced your issue might be able to help you but your best bet is your product’s developer. Keep in mind we encourage you to use the official support venues, as it allows the developers to be aware of issues with their code and gives back to the community in a more robust way – As the author is aware, commercial products are not supported in these forums.

    • This reply was modified 4 years, 6 months ago by t-p.
    Thread Starter adunate

    (@adunate)

    @kevinleg, Can you see the phone number in white on your iPhone?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    It looks OK on Chrome on my iPhone but not on Safari.

    Try this CSS

    .textwidget.custom-html-widget h4 {
    color: white;
}

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter adunate

    (@adunate)

    @t-p Thanks for the suggestion. However, I am the developer and customized the theme from Monochrome Pro by Studio Press Genesis. I’ve brought this question to several Genesis forums and so far no one has a workable answer. Thought I’d try here as another resource.

    So far, I’ve tried adding a class in CSS and corresponded it to the html. No luck.

    I’ve also tried creating a CSS a.before-header property and then an link to the html. Again no luck.

    Any thoughts anyone?

    Thread Starter adunate

    (@adunate)

    @stevedata, thanks for your suggestion. However, still no luck. I just added as CSS. Do I need to also add as a class to the html?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I’d add a class. As noted above, we cannot support your theme here.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Adjust phone number link color in widget’ is closed to new replies.