Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2024 at 9:45 pm #1463189
    richardwilding

    Dear Kriesi,

    Where can I set the background colour for the area above my main menu (behind the time, battery indicators) on iPhone Safari as shown in the screenshot below? I have previously changed colours in the Enfold ‘General Styling’ that have changed this colour, but now it is stuck on white as shown and I can’t find anywhere to change it.

    Thanks, Richard

    July 28, 2024 at 10:06 pm #1463191
    Mike

    Hey Richard,
    I believe that you need to add the background-color to the html element which I believe shares the color with the Socket Background Color
    But if you don’t want to also change this color, try this css:

    html {
	background-color: blue !important;
}

    and adjust the color to suit, after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 28, 2024 at 10:21 pm #1463192
    richardwilding

    Thanks Mike,

    It’s odd as that css does change the colour above the menu on my iPhone, but any colour I set gets muted so that black becomes grey etc. I’m sure I did get it before so that the background colour matched my menu (I think by setting the socket colour), but now I can’t.

    July 28, 2024 at 10:31 pm #1463193
    Mike

    Hi,
    I’m not sure as I don’t have a iPhone and this is not a option on Android. There is not a specific setting for this in the theme, but it sounds like the css above is changing it some.
    Perhaps the iPhone also adds opacity to the color, try this:

    html {
	background-color: blue !important;
        opacity: 1 !important; 
}

    Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    July 29, 2024 at 11:53 pm #1463268
    richardwilding

    Thanks Mike, I’m afraid this is not working.

    I’ve been told this is possible by adding the following meta to my page header:

    <meta name=”theme-color” content=”#39ff14″/>

    How can I add this to my page? Do I add it in theme functions?

    Thanks, Richard

    July 30, 2024 at 1:57 am #1463279
    Mike

    Hi,
    Try this code in your child theme functions.php file:

    function add_custom_meta_tag() {
    echo '<meta name="theme-color" content="#39ff14"/>';
}
add_action('wp_head', 'add_custom_meta_tag');

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.