WordPress.org

Ready to get started?Download WordPress

Forums

Sixhours
Sixhours and Contact Form 7 font colour (18 posts)

  1. secretfocus
    Member
    Posted 1 year ago #

    Following the recent update my Contact Form 7 font has changed from white to black and the background to the boxes has changed from black to dark grey. http://secretfocus.co.uk/contact-us/

    This makes the text from enquirers difficult for them to read when typing.

    I have looked through loads of previous posts but cannot find an answer that fits.

    All I want is high contrast text to show in the boxes - preferably white text on black or dark grey.

    Does anyone have a very simple solution please?

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Does that theme come with a section in the dashboard named something similar to, "Custom Styles" or "Custom CSS", or are you using a Child Theme?

  3. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on to identify the CSS that is controlling this text.
    http://getfirebug.com/

  4. secretfocus
    Member
    Posted 1 year ago #

    ANDREW: I am not using a child theme on the basis that I try to stay with default settings where possible. The theme does have a customise facility but has nothing in it to change these items.

    ESMI: I will get Firebug to see what that indicate.

  5. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    When you find the modification necessary to resolve your issue, implement it within a Child Theme's stylesheet, or a Custom CSS Manager plugin. This will separate your modification from the theme's files and therefore protect your changes once the theme updates.

  6. secretfocus
    Member
    Posted 1 year ago #

    Got Firebug but have no idea what to do with it or how to apply it and it doesn't help itself with virtually no help or guidance!

  7. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Right click, Inspect Element with Firebug, check to see what CSS is being applied.

  8. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Here's an archive of documentation for Firebug.
    The reason you weren't provided with guidance for these CSS-specific issues is that these issues are not within the scope of support provided by WordPress.

  9. secretfocus
    Member
    Posted 1 year ago #

    What do I right click on?

  10. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Whichever bit of the page you're interesting in. In this case, the text of your contact form.

  11. secretfocus
    Member
    Posted 1 year ago #

    OK - Got the background colour to #333333 and border colour to #666666. But nothing to show what the font colour should be - but I know its black. How do I change it or the background?

  12. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Look down the list in the CSS pane until you find the text color CSS.

  13. secretfocus
    Member
    Posted 1 year ago #

    Firebug is giving HTML and Style as defaults. In the style pane all I can find is the background and border colours. Also looked in a pane labelled CSS on the left hand side of screen - nothing about text colour.

    However, when I write something in the box I get;

    textarea:focus {
    colour: #111111; Note: color is written in green.

  14. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    Hmm, that looks like a bug in the theme -- I've just submitted a patch. In the meantime, you can change the color property of textarea and textarea:focus to #fff (or some other high-contrast color) in style.css, right around lines 323/330.

  15. secretfocus
    Member
    Posted 1 year ago #

    Thanks for confirming the bug. I found the problem using Firebug and will use FFFFFF to solve the issue.

    Found it and changed it thanks.

    The other potential bug is on the PAGE/POST edit page where the background has changed from dark grey to white, the font has changed from white Arial to black Times New Roman, Garamond or something similar. In addition the page is moving stuff all over the place and nothing like wysiwyg. This was going to be my next post question DO YOU WANT ME TO RAISE IT SEPARATELY?

  16. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    No, it's fine to include here. It looks like I forgot to include editor-style.css with 2.0. You can re-add it by including the snippet add_editor_style(); to functions.php, somewhere within the sixhours_setup() function, then creating a new file editor-style.css and copying and pasting the old CSS:

    http://themes.svn.wordpress.org/sixhours/1.6/editor-style.css

    (If you do this in the main theme, don't do the next theme update or your editor style will disappear again. I'll include it with the update after next.)

  17. secretfocus
    Member
    Posted 1 year ago #

    Thanks Caroline but since sorting the CF7 issue a few hours ago my site has been hacked so I will not be doing anything until I get it back. Got any suggestion for that? Why do these people do this?

  18. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    That sucks!

    I'd recommend taking a look at this guide, it has some tips for not only cleaning up the damage but hardening your WP site so it's less likely to happen again.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic