Support » Plugin: Jetpack by WordPress.com » CSS to Style Labels

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    You can use the .contact-form label property to target Jetpack Contact Form labels in your custom CSS.

    If you don’t feel comfortable editing CSS on your own, do not hesitate to post your site URL here, and let me know the changes you’d like to make. I’ll be happy to help.

    Dear Mr. Herve:

    Using the following in my child theme’s style.css doesn’t change anything. My blog is here. Thanks!

    /* Contact Form Label */
    .contact-form label {
    	font-size: 2em !important;
    }
    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Try this instead:

    #content .entry-content .contact-form label {
    	font-size: 2em;
    }

    This doesn’t work either:

    .entry-content .contact-form label {
    	font-size: 2em;
    }

    The code that is overriding all css changes is located at “plugins/jetpack/modules/theme-tools/compat/twentysixteen.css”.

    /**
     * Shortcodes
     */
    
    /* Contact Form */
    .entry-content .contact-form label {
    	color: inherit;
    	display: block;
    	font-family: Montserrat, "Helvetica Neue", sans-serif;
    	font-size: 13px;
    	font-size: 0.8125rem;
    	font-weight: 400;
    	letter-spacing: 0.076923077em;
    	line-height: 1.6153846154;
    	margin-bottom: 0.5384615385em;
    	text-transform: uppercase;
    }

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Could you try what I suggested above?

    I did and it doesn’t work. I edited the css at “plugins/jetpack/modules/theme-tools/compat/twentysixteen.css” and that works. My concern is what happens when there’s an upgrade. Hope you can still help.

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    I don’t see the code I mentioned above anywhere on your site. Could you let me know where you added it?

    Could you also try to add it to the Custom CSS editor, available under Appearance > Edit CSS, and let me know how it goes?

    I placed your code in the child and parent css, tested it and removed it when nothing happened. Though about placing it on the CSS Editor but didn’t because, even if it worked, wouldn’t provide for a multisite environment.

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Could you try adding it to your child theme stylesheet again, and let me know when it’s done so I can take a look?

    Thanks!

    Mr. Herve: Appreciate your interest but it will be a while before I can get back to this again. I’ll let you know in case you are available. Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘CSS to Style Labels’ is closed to new replies.