Changing font properties with CSS for certain fields

  • Resolved jadekb

    (@jadekb)


    3 years, 11 months ago

    Hello,

    I have a scarce knowledge of CSS.

    I’m trying to change the format of certain fields only.

    I have used the css class : hf-section-head

    When I try to change it in the customizer within happyforms, nothing happens even if I use !important

    If I try in the theme customizer (in this case astra) nothing happens.

    Ive tried using
    .happyforms-styles .happyforms-part_label .label, .happyforms-styles .happyforms-part_label .happyforms-optional {
    font-size: 60px !important;
    }

    But then everything changes.

    How do I identify the Correct selector format?

    Ultimately i just need to BOLD and UNDERLINE a few sections.

    Thanks for a great plugin!!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ignazio Setti

    (@ignaziohappyforms)

    Hey there, @jadekb! ??

    Try these simple steps:

    1. In your build Build step, set the CSS classes option to “label-highlight” (without quotes) on the fields whose labels you’d like to highlight.
    2. Hop in your Style step Additional CSS section, and pop in this snippet:

    .happyforms-form__part.label-highlight .happyforms-part__label .label {
	font-weight: bold;
	text-decoration: underline;
}

    That should hopefully do the trick. Let us know how it goes!

    Thread Starter jadekb

    (@jadekb)

    YOU ARE THE BOMB!!

    Thanks a bunch for your help

    Works perfectly, now i can style to my hearts content, i just couldn’t work out the selector!!

    Thank you thank you thank you!!

    I’ve been on google for 2 hours trying to work it out ??

    Anonymous User 18525946

    (@anonymized-18525946)

    Glad to hear we can help out, @jadekb ??

    I’ll wrap up this topic. Just open another if you have any more questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing font properties with CSS for certain fields’ is closed to new replies.