nicolemyers

Thanks for following up. I appreciate it. Yes, I believe I have it working now, and I also figured out the problem with the mobile. There is a box on the right-hand side of the custom css page that says “Mobile-compatible” and I have it set to no.

I tried setting it to yes, but since I have tweaked some sizes of themes (e.g. of the logo) the mobile theme doesn’t look great when I have it turned on. I believe I know how to change the mobile theme now though- by targeting the class .mobile-theme.

Just curious, how do you know the files are being loaded in the wrong order? Is it a problem? But, yes, I can add !important to my css. What is the correct way to implement it, if you don’t mind me asking.

Ah ha! I think I figured it out. There was a “Mobile-compatible” option on right-hand side of the custom CSS panel under “Publish” that was set to off by default. It works now!

However, my logo is not displaying correctly. If you have any tips on that it would be much appreciated. Thanks again.

Yeah it’s really weird because I still see the blue on my laptop and tablet, but the salmon on my phone. My roommate said that it may be due to viewpoint (?). However, when I decrease the browser size on my laptop (to a mobile size window) it still appears blue. Any idea why this may be happening?

Here is the custom CSS I currently have activated:

#wp-subscribe {
	background: none repeat scroll 0 0 #3fc0f0;
}

#wp-subscribe h4.title {
	color: #FFFFFF;
}

#wp-subscribe input.email-field {
	color: #FFFFFF;
	background: #7ed1f4;
}

#wp-subscribe input.submit {
	background: #FFFFFF;
	color: #7ed1f4;
	text-transform: uppercase;
}

Thanks, I appreciate all of your help!

Well I have no idea what I did the first time, but it’s working now!

I had copied and pasted the code, and pushed preview, but didn’t see a change in the box color, so I didn’t save the stylesheet.

I just did it again though (I was going to update it so that you could see it) and it’s working perfectly. Thanks a bunch. I appreciate it.

I put that code in my custom css stylesheet by the way.

Thanks for getting back to me RossMitchell, but unfortunately that doesn’t change the color. I even tried replacing #38b7ee with #000000 and it did nothing. Any other ideas?

I will also check out Firebug and Chrome devtools. Thanks for the insight DaniloBRT.