Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 29, 2023 at 11:27 am #1402879
    Daniela

    Hi there,

    next problem: to structure our shop I created 3 pages that show products of 1 category each.
    Therefore I used the product grid in the advanced layout editor. This grid uses capital letters for the product title. How can I change the text transformation?

    I tried several css codes to set text-transform to none but it does not work.

    Thanks for any help.

    March 31, 2023 at 6:20 am #1403087
    Ismael

    Hey Wollenhaupt,

    Thank you for the inquiry.

    Please use this css code to disable the text transformation of the titles in the product grid.

    #top #wrap_all .products .product h2, #top #wrap_all .products .product h3, #top #wrap_all .products .product h4, #top #wrap_all .products .product h5, #top #wrap_all .products .product h6, #top #wrap_all h2.woocommerce-loop-product__title {
    text-transform: none !important;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification.

    Best regards,
    Ismael

    March 31, 2023 at 8:43 am #1403097
    Daniela

    That worked out great, thank you.

    April 1, 2023 at 12:22 pm #1403192
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    May 26, 2023 at 1:02 pm #1408671
    Daniela

    This can be closed as well

    May 27, 2023 at 6:52 am #1408756
    Nikko

    Hi Wollenhaupt,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Product grid in Advanced Layout Editor’ is closed to new replies.