WordPress.org

Ready to get started?Download WordPress

Forums

Event Registration
White Font on White Background (19 posts)

  1. JasonMK
    Member
    Posted 3 years ago #

    I can't seem to figure out if this is a WP issue for Events Registration issue for me, but on my registration page some people see a white box with white text when they try and signup and other see a white border around a gray box with white text. I've tweaked both style sheets (theme and plugin) and can't seem to isolate and resolve this issue. Any help would be loved!

    -JasonMK

  2. tsany
    Member
    Posted 3 years ago #

    can u give more details.. ? u said that u've tweak ur site. a screenshot or maybe a link to yoursite ?

  3. JasonMK
    Member
    Posted 3 years ago #

    Thanks tsany, by tweaking I simply mean that I've gone through the stylesheet and changed the #ffffff (white) to other colors trying to identify what is causes the text to be white and the form boxes to be white as well. I'll try and grab a screen shot from another computer as it looks fine on this computer. There are so many other .php files associated with the plugin and i can't seem to identify which one the person trying to register for an event would be seeing.

  4. JasonMK
    Member
    Posted 3 years ago #

    For example, in the event-registration/styles.css we see

    #eventsnav UL {
    	position:absolute;
    	left:0;
    	top:1.5em;
    	float:left;
    	background:#bbb;
    	width:100%;
    	margin:0;
    	padding:0.25em 0.25em 0.25em 1em;
    	list-style:none;
    	border-top:1px solid #fff;

    I don't know what #eventsnav UL specifically referes to (opposed to the following entry of "#eventsnav UL LI", but it is one of the only entries that shows white (#fff) at all, and only as a border. Teh background should be blue (#bbb), but I'm not seeing a blue background anywhere.

    Is it possible for my theme's styles.css to override the plugin, or am I looking in the wrong place all together?

  5. tsany
    Member
    Posted 3 years ago #

    can u give me ur site link ? i can't read anything from here.

    both can be the answer.

  6. JasonMK
    Member
    Posted 3 years ago #

    I'm sorry, i thought I had in the 1st post, my mistake. cedarvilleag.org/registration This is the specific page with the issue on several computers (but not all?). At home I have an old pc running IE6 and a netbook running IE9, both get the white on white. My Win 7 and Vista laptop at the office are both using IE8 (although different builds) and get the gray background inside the form boxes.

  7. tsany
    Member
    Posted 3 years ago #

    find

    #content, #content input, #content textarea {
    color: white;
    font-size: 13px;
    line-height: 20px;
    }

    on style.css .. more probably line 500something

    that's most probably ur problem

    try add

    form #content input, #content textarea{
    color:black;
    }

    on ur style.css

  8. JasonMK
    Member
    Posted 3 years ago #

    Found it, but if i change it in the theme's styles.css then the whole website will be messed up since the theme is built around a reverse black background with white text. The issue here is that the form boxes for Event Registration is using white boxes, which clashes with the white font. I need to control the background of the form boxes.

  9. esmi
    Forum Moderator
    Posted 3 years ago #

    Try adding:

    #content #post-381 input[type=text],
    #content #post-381 textarea {
    background:#fff;
    color:#606060;
    }
  10. JasonMK
    Member
    Posted 3 years ago #

    Would that be in the theme styles.css or the styles.css for the Event Registration plugin? (thanks, by the way!)

  11. esmi
    Forum Moderator
    Posted 3 years ago #

    I'd add it to your theme's style.css file.

  12. JasonMK
    Member
    Posted 3 years ago #

    I added it, gave me a white box with gray text (on my pc), I'll ask a few others to check and let me know how it looks.

  13. JasonMK
    Member
    Posted 3 years ago #

    Ok, this is getting frustrating. esmi, great suggestion. Worked for me, and I have even tried changing the background color and text color 6 times, each time it worked as expected on my laptop, but others (who are using an older and a newer version of IE) are consistantly getting white on white and never seeing gray, black, red, or blue. What am I missing?

  14. esmi
    Forum Moderator
    Posted 3 years ago #

    Unless you have errors in your markup and/or CSS, the CSS I gave will work in all versions of IE.

  15. tsany
    Member
    Posted 3 years ago #

    maybe it's because of #post-381 ? i mean it's php generated.

  16. JasonMK
    Member
    Posted 3 years ago #

    I just went home for lunch and tried my wife's computer and it seems to be related to IE's "Compatibility View". She had it enabled on her laptop, after switching it off the colors showed up as they are coded. The CSS you gave me worked fine, but something about the "Compatibility View" defaults either the background to white, the text to white (or in this case it seems both). I've ben trying different combinations trying to trigger one that still is readable with "Compatibility View" enabled (just in case). No luck so far, but at least I've narrowed down the issue a bit better.

  17. JasonMK
    Member
    Posted 3 years ago #

    Although, oddly for me on my Win7 laptop Compatibility View doesn't affect the font color and form box background. It works for me regardless.

  18. esmi
    Forum Moderator
    Posted 3 years ago #

    maybe it's because of #post-381 ? i mean it's php generated.

    Uh? That's the post id and it's part of the standard classes generated by post_class().

    something about the "Compatibility View" defaults either the background to white, the text to white (or in this case it seems both).

    Try validating the page's markup & CSS.
    http://codex.wordpress.org/Validating_a_Website

  19. JasonMK
    Member
    Posted 3 years ago #

    esmi, great suggestion. In three letter let me say...OMG. I like the theme, but wow did the validator through up a lot of issues.
    Same colors for color and background-color in two contexts
    came up repeatedly. I'll have to spend some time combing through this one. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic