Support » Theme: Virtue » Virtue theme ‘Sort by’ menu CSS

  • Resolved gmsiegel

    (@gmsiegel)


    I’m trying to use custom CSS to change the font size of the ‘Sort by’ menu. For some reason, the full menu text is getting cut off, so instead of showing “Sort by Price: Low to High”, it just shows “Sort by Price: Low”. This is the menu above the products which allows you to sort by price, popularity, rating, etc. Unfortunately, using this CSS in the custom CSS area doesn’t work.

    I’d also be happy to widen the Select dropdown menu to show the full text, too.

    Appreciate your help in advance!

    • This topic was modified 1 year, 4 months ago by  gmsiegel.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello,

    Here is some CSS that will expand the dropdown to show the full text:

    form.woocommerce-ordering {
        width: 290pxx;
    }
    
    span.customSelectInner {
        width: 100% !important;
    }
    
    .customSelect {
        width: 290px;
    }

    Add that to Theme Options> Advanced Settings. Let me know if that works for you.

    -Kevin

    That worked perfectly Kevin- thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Virtue theme ‘Sort by’ menu CSS’ is closed to new replies.