Meditation: Mobile Header Colors

[Mark Fisher]

Hello again –

All of the fixes for this theme seem to involve the mobile version.

The theme is installed at http://capricornhealthcareconsultants.com

In the phone/mobile version of the site, the backgrounds are dark and so are the headings. The regular text is white and displays okay.

If I could get CSS to change the mobile headings (all sizes) to #ededed that should work

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#content .page-title, .single_post_content h3 b { color:#ededed !important;}
}

Regards,
Dave

[Mark Fisher]

Hello again –

This theme is so customizable when it comes to the desktop version. Unfortunately there is so little control over the tablet and mobile versions. Above you gave the fix only for the h3 headers.

What we really need is to unify all colors to be readable against the dark background of the tablet and mobile. This includes headers and regular text on both pages and posts.

The requested color is #ededed

I’m really trying to get all of these mobile version bugs worked out so I can move on to more pressing needs. Thanks for help ASAP.

Here’s a link to a screen shot that shows the problem with the current dark text and dark backgrounds.

http://originalcent.com/wp-content/uploads/2019/12/IMG_0467.png

[Sonl Sinha]

Hi,

Remove

@media screen and (max-width:767px) {
#content .page-title, .single_post_content h3 b { color:#ededed !important;}
}

And add this New CSS:

@media screen and (max-width:767px) {
body, #content .page-title, .single_post_content h3 b, #content .page-title, .single_post_content h2 b, .single_post_content p { color:#ededed !important;}
}

Regards,
Dave

[Mark Fisher]

Thanks

[Sonl Sinha]

Hi Mark,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

Regards,
Dave

[Author]

Posts