Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #987646

    Hello support,

    For some reason, the default font is quite dark on a desktop, but on mobile, instead of black it’s lightgrey and very hard to read.

    Can you tell me how to make the color of the text darker, so it’s easier to read on mobile?

    Reference:
    Mindventure.dk

    Kind regards,
    Aurora

    #987957

    Hey AuroraArcus,

    Which font are you referring to? Which page? I looked on my phone, did not see the issue.

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #987982

    Hi Victoria,

    Please look at https://mindventure.dk/rolfejerskov/

    It’s the small text from this picture, that I want to make darker…
    https://drive.google.com/file/d/1SO8COrZGpTp6-j-V54-83gE0lSvT1AGq2A/view?usp=sharing

    Best regards,
    Aurora

    #988097

    Hi,
    I have taken a look at your site with Android and found that the test is a darker color than your screenshot.
    It looks as though you are using iPhone, and I suspect that this is a device setting.
    First you cab try this code in the General Styling > Quick CSS field:

    p {
    color: #000 !important;
    }

    If this doesn’t help, please try going to Settings > Accessibility > Increase Contrast on your device and look for “Darken Colors”

    Best regards,
    Mike

    #988130

    Hi again,

    actually I was looking at it on a Samsung galaxy s 9+…

    I tried the code, but it doesnt change anything for the experience on the Samsung…

    Any other suggestions?

    Best regards,
    Aurora

    #988218

    Hi,
    I check your site on another Android, and found the text was a gray, but I have not seen this on other sites.
    Please try this css in your WordPress > Customize > Additional CSS

    .main_color p {color: rgba(0, 0, 0, 1) !important; }

    If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    #989075

    Hi Mike,

    thanks for the effort!

    I was unable to fix the problem using the code. Also, when I put in the code, it changes my white text. https://mindventure.dk/ into black (“Jeg har tit fulgt min “gut feeling”, men havde jeg gjort det på et bestemt tidspunkt, havde det kostet mig dyrt! Livet har lært mig at udvikle velargumenterede strategier, og netop velargumenterede strategier er det Mindventure handler om.”).

    Thank you, here is the admin login…

    best regards,
    Aurora

    #989676

    Hi,
    Thanks for the login, to test this issue I added this css to WordPress > Customize > Additional CSS

    @media only screen and (max-width: 767px) { 
    #top.postid-2478 .avia_textblock p {
    color: #000 !important;
    }
    }

    which specifically targets the text blocks on the one page for mobile, to ensure there is no css causing this, and cleared the cache plugin for the page, it didn’t change the font color on mobile, but if I change the color in the css to red, the text changes to a light red color, so the css is working.
    I also tried adding different filters, such as “filter: brightness(0);” with no success.
    I believe that this lighter text color is a device setting, and not the site.
    But I’ve asked the rest of the team to check with their mobile devices and offer thoughts. Please allow a couple of days for some feedback.
    Thanks for your patience.

    Best regards,
    Mike

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