How to change background and text color for Front Page Widget 4 on mobile

[Doug]

Greatly appreciate any input on this.

I'm trying to change the background and text color for the Front Page Widget 4 section.

This will include 3 changes.
1. The background color from gray to blue (#117AA8)
2. The page entry titles from black to white (#fff)
3. The section title from black to white (#fff)

Using Inspect and some research on CSS, I was able to do the three changes. However, the changes are only appearing on my desktop version. The mobile version is still a gray background and black text for both the section header and the page titles.

Is there something I'm missing for mobile, or did I make the changes in the wrong section?

Below are changes I've made so far:

For 1:
I've located the following code:
.front-page-4 {
background-color: #117AA8;
}

That's on document: Style-front.css, and I changed the background-color to the way it appears above.

For 2:
I've located the following code:
.entry-title a {
color: #333;
}

In document: style.css, I changed the color from #333 to #fff.

For 3, I did some research on CSS color, and added a line to the existing code to now say:

.front-page .widget-title {
text-transform: uppercase;
color: #fff;
}

... in the doc style-front.css

http://arrovox.com

[Victor Font]

Mobile CSS is handled by the child theme's media queries that should be near the bottom of style.css. Check the media queries first to see of there's a color value.

If not, then the problem is mobile caching. Mobile devices are notorious for not updating style sheets to reflect changes. Clear the cache on the mobile device and refresh the page. Working in the browser's private mode on the mobile device can circumvent the caching issues.

A better way to test mobile, is with the browser's built in mobile tester. All major browsers can simulate mobile displays these days.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts