Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1242811

    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

    #1243035

    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

    #1243243

    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!

    #1243517

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.