Label Styling – help…

  • Resolved kimpeartgratton

    (@kimpeartgratton)


    10 years, 6 months ago

    I can’t seem to get the label font weight to change.

    When I view my site with inspect element, I think I am seeing the styling of the plugin (700 weight) and then my styling (400) is crossed out. How do I override the 700?

    I have followed the instructions, inserted some code into my style sheet:

    .mc4wp-form label {
    font-weight: 400;
    color: #1e1e1e;
    font-family: helvetica,serif;
    font-size: 14px
    }

    This may seem silly, but does it matter where I put the code into the stylesheet?

    Thanks for any help anyone can offer.

    Kim

    https://livecreatedecorate.com

    https://www.ads-software.com/plugins/mailchimp-for-wp/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Danny van Kooten

    (@dvankooten)

    Hi Kim,

    Yes, this has to do with the “importance” of your custom styling. The later a stylesheet is loaded and the more specific the CSS selector is, the more important the rule is. The most important rule will be used if there are multiple styling rules affecting an element.

    There’s a simple fix for this, just append !important to the rule you ALWAYS want to use.

    .mc4wp-form label {
	font-weight: 400 !important;
	color: #1e1e1e;
	font-family: helvetica,serif;
	font-size: 14px
}

    Now, I don’t recommend using !important too often as it can make debugging or applying styles later on a little hard.

    Hope that helps!

    Thread Starter kimpeartgratton

    (@kimpeartgratton)

    Thank you Danny!

    I’m a happy camper now.

    Kim

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Label Styling – help…’ is closed to new replies.