CF7 Select Field Dropdown Icon Spacing

  • Resolved rajukunri

    (@rajukunri)


    5 years, 2 months ago

    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)
  • Alan Fuller

    (@alanfuller)

    5 years, 2 months ago

    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/

    Alan Fuller

    (@alanfuller)

    5 years, 2 months ago

    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.

Tags