Meditation: Mobile Header Colors

Home Forums All Other Themes Meditation: Mobile Header Colors

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #141431
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    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

    #141455
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

    #141818
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    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

    #141853
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

    #141976
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    Thanks

    #141984
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

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