Boxes are black?

  • Resolved sc00t

    (@sc00t)


    1 year, 11 months ago

    Hi everyone,

    I’m using elementor to design my site. All has gone well until the contact form!

    Unfortunately for some reason the text boxes are all black, despite the global settings set to have it white with black text.

    on clicking in a single line text box, the boxes do turn white. But the multi line text box doesn’t behave that way. It remains black.

    obviously in this case I do want all of my text boxes to be white. Can anyone help please?

    (Also, if anyone knows, could they also tell me how to Centre align the form?)

    thanks in advance everyone!

    Scott

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    See Styling contact form

    Hi @sc00t ,

    It seems like there’s a css in your global elementor style that target all the input box to be black. (see this screnshot: https://snipboard.io/knXhZb.jpg)

    Try to check your elementor global/theme settings for your buttons.

    Or you can override the style by adding custom css below.

    .elementor-widget-shortcode .wpcf7 input:not([type="submit"]), .elementor-widget-shortcode .wpcf7 textarea {
    background-color: transparent!important;
}

    And to center your form add this css.

    .elementor-shortcode .wpcf7{
    text-align:center;
}

    Please let me know.

    Thread Starter sc00t

    (@sc00t)

    Thanks for your reply @glenwpcoder

    Screenshot: https://scottdavieswriting.com/wp-content/uploads/2022/12/Untitled.jpg

    The global colour for the background is white, as you’ll see in the above screenshot and, bizarrely it also shows up as white in the Elementor editor, but black on the live website.

    As I am using the free version of Elementor I cannot add Custom CSS sadly.

    I have tried removing the shortcode and re-adding it, but no change.

    Do you have any other suggestions at all?

    Thanks so much,

    Scott

    Thread Starter sc00t

    (@sc00t)

    Ah, resolved.

    I had to check the following box in Elementor’s Settings Section:

    “Disable Default Colors: (Checking this box will disable Elementor’s Default Colors, and make Elementor inherit the colors from your theme.)”

    Thanks again for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Boxes are black?’ is closed to new replies.