Support » Theme: OceanWP » The letters are out of the product sorting box

  • Resolved bunker4test

    (@bunker4test)


    Hi. On the Woocommerce Shop page, in the product sorting box, the last word is displayed outside the default box if long text should be displayed (order from a lower price to a higher price). When the text is short (sort by default) then all the letters in the default frame. Can you fix it or tell me how to fix it. On the smartphone the display is correct and the error is displayed only on the desktop pc (chrome, edge, firefox). The chrome has another error in that sorting field: both the letters and the background are white although I customized the customizer differently.

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

    Can you please share your site link so that I can check it? If possible please share a screenshot of the issue.

    The link will not be useful because I temporarily disallowed the sorting box. On attached picture there are visible 2 errors.

    https://postimg.cc/FdTrHxjN

    error view

    Do not suggest me to disable plugins because I only have active 2 plugins: woocommerce and oceanextra. Changing the size of the visible part in the general settings in the customizer (1200px, 1100px, …) did not fix the error.

    • This reply was modified 1 year, 8 months ago by bunker4test.
    • This reply was modified 1 year, 8 months ago by bunker4test.

    Before oceanwp theme was a storefront theme and the display was correct in storefront theme. The Oceanwp theme is great because it offers a lot more adjustment options, but stability and correctness is very important, and the front screen that customers see can not be faulted. I use google translator so I’m sorry if there are errors in my messages.

    • This reply was modified 1 year, 8 months ago by bunker4test.

    For the second issue, go to Customize > General Options > Forms and select a different color or use some CSS code to change the color.

    For the first issue, I need to check it on the site. Can you enable the sorting box and share site link so that I can check it?

    Hi. I changed the color scheme in options forms and error 2 was repaired, thanks for the help. Error 1 (letters outside the sorting box) is visible on the attached link. The error is visible on desktop computers, on smartphone display is correct.

    view error

    • This reply was modified 1 year, 8 months ago by bunker4test.

    Add the below CSS to the Customize > Custom CSS section to fix it.

    .woocommerce .woocommerce-ordering .orderby span {
        width: auto !important;
    }

    I do not have any code additions experience, so I have 2 initial questions:

    1. Do I add this code through the css field in the customizer?

    2. If I am adding this code, should I re-add that same code after each oceanwp theme upgrade, or in which cases do I have to add that code again?

    1. Yes, you need to add the code in the Custom CSS section of the Customizer.
    2. No need to add each time with the theme update. It will not erase if you add it in the Custom CSS section.

    Can this repair be added to a future update of the oceanwp theme?

    • This reply was modified 1 year, 8 months ago by Josip.

    Amit Singh, thank you very much. Let’s hope this code will be added to some additional oceanwp theme upgrade so there is no need for such corrections. Thanks again.

    Okay, we will consider your suggestion.

    This would be useful because many people use this theme. Thank you.

    Okay sure

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘The letters are out of the product sorting box’ is closed to new replies.