Sort Field & Font Adjustments

Julie E. November 16, 2019 at 5:15 pm

Hello,

I am a SomaPro user and I need help with the following:

1. My product uses all lower-case branding, so I need the sitewide upper-case default in displayed fields removed so that it is an administrative preference upon entry – that is also programmed consistent across all linked fields for display.

2. The text in the sort field is cut off by the size of the container.

3. Also, the logo text on the title bar is not syncing with any of the sitewide font options I’ve adjusted. Ideally, I need it to sync with the Site Title Typography.

Can you offer CSS codes to remedy these items?

Thank you for your assistance,

Julie E.

Replies (3)

  1. Julie E. November 16, 2019 at 5:15 pm

    Hello,

    I am a SomaPro user and I need help with the following:

    1. My product uses all lower-case branding, so I need the sitewide upper-case default in displayed fields removed so that it is an administrative preference upon entry – that is also programmed consistent across all linked fields for display.

    2. The text in the sort field is cut off by the size of the container.

    3. Also, the logo text on the title bar is not syncing with any of the sitewide font options I’ve adjusted. Ideally, I need it to sync with the Site Title Typography.

    Can you offer CSS codes to remedy these items?

    Thank you for your assistance,

    Julie E.

  2. Spiracle Themes November 18, 2019 at 3:27 am

    Hi Julie,

    Thanks for reaching out.
    First of all, please provide us your website URL.
    It will be better for us to replicate the issue if you can provide us screenshots of the issue

    Best Regards

  3. Julie E. November 18, 2019 at 2:11 pm
    This reply has been marked as private.
  4. Spiracle Themes November 19, 2019 at 1:32 pm

    Hi Julie,

    1) Could you please attach screenshots of this issue. I have confusion here

    2) Add this CSS for the sort field

    /* Sort field height */
    .woocommerce .woocommerce-ordering select {
    height: 50px;
    }

    Copy and paste this in Appearance -> Customize -> Additional CSS

    3) To change logo image text, you have to modify your logo image yourself with the changed font.

    Let us know if you have any questions

    Best Regards

Post a Reply

Reply To: Sort Field & Font Adjustments
Your information: