x

Text Changing Color on Mobile

Hi there,

My default paragraph text color is dark grey, but I have a section where I'm using paragraph text against a dark background where I would like to change the text color to white. I did this in the editor and it works fine on desktop, but on mobile it switches back to the dark grey. I cannot find the line of css to change this. 

Any help would be appreciated, thanks.

1,787 Views
Message 1 of 4
Report
3 REPLIES 3
Square

While we can't provide CSS assistance ourselves, if you provide a link to your site it will help our Community members familiar with CSS provide assistance.  Thanks, @Conchord256!

1,442 Views
Message 5 of 4
Report

Hi Adam,

Sorry for the late reply, but the page I'm working on is https://www.e3accountants.co.nz/newformat.html 

In the blue bar near the top, the text 'August 2016' is white on desktop but dark grey on mobile. It currently has 'paragraph text' applied to it but has been changed to white in the editor, however the white colour change only affects the desktop version. How can I apply it to mobile as well?

Thanks in advance.

1,201 Views
Message 5 of 4
Report

You can use media queries to specify special rules for smaller screens.

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Take whatever customizing you did with your CSS and do again kinda like this:

@media screen and (min-width: 480px) {
    h2 {
       color: white;
    }
}
1,188 Views
Message 5 of 4
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.