Support » Fixing WordPress » Fix 2 small css issues on website

  • I ran into 2 issues. One, the titles just show two words, I would like to show the entire title. Two, how to I get the pictures to be uniform in size on the product page without having to reupload thousands of new images in uniform size.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey,

    Let’s take care of one question at a time. First of all, do you want to display the products titles like this? https://imgur.com/a/oJ67eBI I just want to make sure that I understand what you’d like to do.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .widget_storevilla_latest_product_cat_widget_area .latest-product-slider li .block-item-title h3 a, .widget_storevilla_product_widget_area .store-product li .block-item-title h3 a, .widget_storevilla_cat_with_product_widget_area .cat-with-product li .block-item-title h3 a, .woocommerce ul.products li.product .block-item-title h3 a {
       text-transform: capitalize;
       text-overflow: initial;
    }

    will fix the truncation of the titles.

    To add CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter wwwnews

    (@wwwnews)

    Yes Radu I would like it to show exactly as you have it in the image. Thank you so much for your help guys.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    That’s exactly what the CSS I provided does!

    Thread Starter wwwnews

    (@wwwnews)

    Steve I tried your code but the text title remained on one line so it wasn’t showing. Thank you so much for help anyway.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    crud! It would have helped if I’d copie the right stuff to paste.

    .widget_storevilla_latest_product_cat_widget_area .latest-product-slider li .block-item-title h3 a, .widget_storevilla_product_widget_area .store-product li .block-item-title h3 a, .widget_storevilla_cat_with_product_widget_area .cat-with-product li .block-item-title h3 a, .woocommerce ul.products li.product .block-item-title h3 a {
       white-space:initial;
       text-overflow: initial;
    }

    See https://i.imgur.com/78FOEOF.png

    Thread Starter wwwnews

    (@wwwnews)

    Yes awesome worked perfectly. Can’t thank you enough.

    Any idea how to get all the thumbnails equal in size without having to redo all the original images? I have a bad feeling about this.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I recommend asking at https://wordpress.org/support/plugin/woocommerce#new-post so the plugin’s / theme’s developers and support community can help you with this.

    Thread Starter wwwnews

    (@wwwnews)

    Thank you will do.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Fix 2 small css issues on website’ is closed to new replies.