Hi,
I know this is not a Contact Form 7 support service but I am going round in circles picking up bits of code that don’t seem to work with Enfold and there are a few questions that have been answered with regard to using it with Enfold so here it is!
All I am trying to do is reduce the spacing between 2 labels:
Product of Interest*
(Press and hold Ctrl key to select multiple options)
and if possible make the 2nd one italics and smaller.
Here is the page:
I am refering to the labels above the select dropdown.
Thanks in anticipation,
Brian
Hey Brian,
It looks difficult to target those elements individually using CSS unfortunately, could you add a class or ID to them so that we can target them a bit easier please? https://contactform7.com/faq/can-i-add-id-and-class-attributes-to-a-form-element/
Best regards,
Rikard
Hi,
Thanks for having a look anyway.
Could you through any light on why the margin above the select field is so messed up? I want the labels to be the same spacing above each field
and the spacing between:
Product of Interest*
and
(For multiple options, press and hold the Ctrl / Cmd key and select the desired products)
to be smaller!
Hi Brian,
There is a line break between the two lines of text, that is likely why the margin is off. You could try removing that to see if it helps. If you need help with CSS then you need to add either IDs or classes to the labels, otherwise it will be difficult to target them unfortunately.
Best regards,
Rikard