• Resolved headshotprops

    (@headshotprops)


    Hi, I made a newsletter signup form and placed the short code in my footer on my site. However, my website had a dark background, so you can barely read the text, “Email Address,” “First Name,” and “Last Name” above the fields where you are supposed to type. How do I make this white? There doesn’t seem to be any option in the plug-in to change the color. My site hasn’t launched yet so I can’t send a link, but I can always email someone a screen shot to show what I mean. Thank you!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @headshotprops,

    If you’re familiar with CSS you can add styles yourself. Here is an article from our knowledge base: https://yikesplugins.com/support/knowledge-base/selectors-add-custom-css/.

    This custom CSS should also work for you:

    .yikes-easy-mc-form label {
        color: #ffffff;
    }

    Let me know if you need help with that.

    Cheers,
    Kevin.

    Thread Starter headshotprops

    (@headshotprops)

    Hi Kevin!

    Thank you so much! However, I’m in editor now and I don’t know where I’m supposed to paste this, and I’m terrified I’m going to mess up my whole site. Right now I’m in the Editor and “Stylesheet (style.css)” is highlighted.

    Also, in the article link you gave me, it gives the code to make the form less wide. (which is perfect because I want to put this in a side bar)

    I’m looking all over the yikes-mailchimp code to change this but I don’t see it. Am I completely in the wrong area?

    Thread Starter headshotprops

    (@headshotprops)

    and I just noticed you are in Philadelphia!! Me too. I’m in N. Philly at the moment.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Oh you’re in North Philly? That’s awesome; we’re in Fishtown!

    I wouldn’t suggest using the editor to add Custom CSS but you do have a lot of options:

    • If you’re using WordPress 4.7 or higher, you can go to Appearance > Customize > Additional CSS and place the code there.
    • If you created this theme yourself, you can just add it to your style.css file
    • If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
    • Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
    • You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

    Cheers,
    Kevin.

    Thread Starter headshotprops

    (@headshotprops)

    OK, I posted this is the Additional CSS section like you said:

    .yikes-easy-mc-form label {
    color: #ffffff;
    }
    .yikes-mailchimp-container {
    width: 75%;
    }

    However, only the width one worked. I still can’t see the text. Did I do something wrong?

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    I’m thinking there are styles from your theme overwriting the text color. Try changing that block to this.

    .yikes-easy-mc-form label {
        color: #ffffff !important;
    }
    Thread Starter headshotprops

    (@headshotprops)

    No go, sorry to be a pain.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Haha it’s no problem. I don’t mind trying different things if you don’t. It would be much easier if I could view your site though ??

    Regardless, try this

    .yikes-easy-mc-form label > span {
        color: #ffffff !important;
    }

    Cheers,
    Kevin.

    Thread Starter headshotprops

    (@headshotprops)

    Woo Hoo! That worked. Thanks! Let me know your shirt size so I can send you a T-shirt when we get them printed soon. We launch late Thursday.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Oh really? Sure! I’m a men’s medium ??

    Thread Starter headshotprops

    (@headshotprops)

    Awesome. I will get you one when they are printed. My buddy bought this company just a few weeks ago and I’m helping him relaunch it. Thanks Kevin!
    https://headshotprops.com/

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hey no problem. I’m going to close this ticket but feel free to open a new one if you ever need anything. And best of luck with the business!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Need to change text color’ is closed to new replies.