Drop-down arrow

  • Resolved greenjoycelebrate

    (@greenjoycelebrate)


    6 years, 2 months ago

    Were the drop-down arrows removed in some point of the latest updates, or is there something not working in my theme, as I can’t see them anymore?

Viewing 5 replies - 1 through 5 (of 5 total)
  • N-Media

    (@nmedia)

    6 years, 2 months ago

    Hi

    it’s not removed, they may be hidden under wrapper/parent div. Please set some padding to .ppom-wrapper class and it should fix it.

    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    6 years, 2 months ago

    Hi,

    Should the padding be bottom or top? And how much? I tried

    .ppom-wrapper {
    padding: 10px !important;
    }

    And I also tried padding-top and -bottom, with 10px and 100px but there is no change whatsoever.

    N-Media

    (@nmedia)

    6 years, 1 month ago

    padding form left and right and 20px should be fine. Share your product page URL.

    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    6 years, 1 month ago

    Still can’t see the arrows

    This is the code i used:

    .ppom-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    }

    The page is http://www.greenjoycelebrate.com/product/frances-emerald-cut-timanttisormus/

    N-Media

    (@nmedia)

    6 years, 1 month ago

    Hi,

    i see it’s your theme css, please open style.css and search for this:

    select {
  -webkit-appearance: none;
  padding: 9px 6px;
  line-height: 1.2;
  height: auto;
  background: url(images/select-arrow.png) no-repeat center right;
}

    and remove first rule: -webkit-appearance: none;

    it will fix issue.

    If you like our plugin and support please rate 😉

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Drop-down arrow’ is closed to new replies.