• Resolved rajukunri

    (@rajukunri)


    I’m using Contact Form 7 here and select input type for multiple options. I want to add some right padding for the dropdown arrow icon.

    Can anyone help me do that?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • You are likely to get better input if you re-post directly on the CF7 plugin support page here https://ww.wp.xz.cn/support/plugin/contact-form-7/

    That said I just looked at your css and it is nothing to do with CF7 as such

    The arrow is drawn by

    .subject:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 8px;
        top: 50%;
        margin-right: 10px;
        margin-top: -3px;
        height: 0;
        width: 0;
        border-top: 6px solid #000;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        pointer-events: none;
    }

    so if you want to move it left adjust the right

    .subject:after {
        right: 50px;
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CF7 Select Field Dropdown Icon Spacing’ is closed to new replies.