|
Maria Ali
|
October 5, 2014 at 10:42 am
Hi 🙂 I’m running WordPress 4.0, EE 3.1.36.6.P, just installed. Reg page link – http://www.aidworks.org.uk/training-courses/
Using the guidance in the support forums, I have created a custom themeroller theme. I have designed the header bar and buttons to have white text (on a yellow background for the header, a purple background for the button). However, on the registration page, the text in these two areas is grey. If you click through to the registration form, the custom theme is working correctly.
Can anyone advise me how to ensure the header bar and button text on the registration page is white? I’m wondering if there’s something in the themeroller-base stylesheet which is making this text grey, but I’m a total novice and not good enough to work out what it is!
Thanks 🙂
|
|
Lorenzo Orlando Caum
|
October 5, 2014 at 8:40 pm
Hi Maria,
You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).
This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.
Try this CSS:
.page-id-390 .ui-widget-header a {
color: #ffffff !important;
}
.page-id-390 .a_register_link {
color: #ffffff !important;
}
Then force refresh to see the changes:
http://en.support.wordpress.com/browser-issues/#force-refresh
—
Lorenzo
|
|
Maria Ali
|
October 8, 2014 at 3:25 am
Lorenzo, you are officially awesome 🙂 Worked perfectly, and the forced refresh thing is a really handy thing to know also. I often look at the web inspector, but what I’m seeing rarely means anything to me, so thanks for taking the time to sort out the code for me 🙂 Have a grand day.
|
|
Dean
|
October 8, 2014 at 4:27 am
Marking as resolved. If you have any further questions regarding this topic, please start a new thread and reference this one.
|
