Hello, I would like to remove the uppercase from my site. I already inserted some code (I learned in other topics in this forum). However, some words still in upper case.
My Custom CSS:
h1, h2, h3, h4, h5, h6 { text-transform: none; }
header.site-header ul.nav li a, header.site-header div.nav>ul li a { text-transform: none !important; }
We will also try to make this an option in Theme Options so users who don't need to have those areas uppercase can easily change from the theme options.
I wish you have a great weekend!
P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from me and Laborator in advance.
Now only one change is left. After clicking "add to wishlist" appears a box that remains in uppercase (see atch).
I hope this post is saved for anyone to ever ask you that again. I'm sure it took a lot of work. Then I will send all the codes we use to make the whole site lowercase for others to enjoy.
Hello, I would like to remove the uppercase from my site. I already inserted some code (I learned in other topics in this forum). However, some words still in upper case.
My Custom CSS:
h1, h2, h3, h4, h5, h6 {text-transform: none;
}
header.site-header ul.nav li a, header.site-header div.nav>ul li a {
text-transform: none !important;
}
Hi felipevallt,
Please add the code below to your Custom CSS area:
h1, h2, h3, h4, h5, h6 { text-transform: none; } .header-menu .lab-mini-cart .cart_list li .product-details a span { text-transform: none; } .header-menu .lab-mini-cart .cart_list li .product-details .quantity { text-transform: none; } .woocommerce .woocommerce-cart-form .shop_table th { text-transform: none; } .woocommerce #order_review .shop_table tr td, .woocommerce #order_review .shop_table tr th, .woocommerce .cart_totals .shop_table tr td, .woocommerce .cart_totals .shop_table tr th { text-transform: none; } .woocommerce .woocommerce-MyAccount-links { text-transform: none; }* you can add !important rule if any of the codes doesn't overwrite the original css code
* instead of none you can write capitalise
Have a great day!
Thank you Ylli, but It didn't work at all. See images attch.
I added !important.
Hi felipevallt,
Please remove your old CSS codes and add those new ones:
h1, h2, h3, h4, h5, h6 { text-transform: none !important; } .header-menu .lab-mini-cart .cart_list li .product-details a span { text-transform: none !important; } .header-menu .lab-mini-cart .cart_list li .product-details .quantity { text-transform: none !important; } .woocommerce .woocommerce-cart-form .shop_table th { text-transform: none !important; } .woocommerce #order_review .shop_table tr td, .woocommerce #order_review .shop_table tr th, .woocommerce .cart_totals .shop_table tr td, .woocommerce .cart_totals .shop_table tr th { text-transform: none !important; } .woocommerce .woocommerce-MyAccount-links { text-transform: none !important; } .header-menu .lab-mini-cart .total { text-transform: none !important; } .breadcrumb, .chosen-container .chosen-results li, .search .search-results-list .search-results li .post-details .meta, .sidebar .sidebar-entry.widget_shopping_cart .total strong, .top-menu--cart-totals, .top-menu--link, .top-menu--widget-current-date, .top-menu--widget-menu .menu li, .top-menu--widget-wpml-currency-switcher .wcml-dropdown, .top-menu--widget-wpml-language-switcher .wpml-ls-legacy-list-horizontal li a, .up, .woocommerce #place_order, .woocommerce .coupon-form .coupon .woocommerce-error, .woocommerce .coupon-form .coupon .woocommerce-info, .woocommerce .coupon-form .coupon .woocommerce-message, .woocommerce .cross-sells .product-item .product-link .button, .woocommerce .products .product .item-info a[data-product_id].is-textual, .woocommerce .single-product .product-type-external .cart .single_add_to_cart_button, .woocommerce .summary form.cart .button, .woocommerce .woocommerce-cart-form table.wishlist_table tbody tr td.product-add-to-cart .button, .woocommerce .woocommerce-cart-form table.wishlist_table thead tr td.product-add-to-cart .button, .woocommerce .woocommerce-cart-form table.wishlist_table thead tr th, .woocommerce .woocommerce-order-details .order-again .button, .woocommerce-breadcrumb { text-transform: none !important; } .woocommerce .icon-button .title { text-transform: none !important; } header.site-header ul.nav li a, header.site-header div.nav>ul li a { text-transform: none !important; } header.mobile-menu div.mobile-menu>ul li, header.mobile-menu ul.mobile-menu li { text-transform: none !important; } .sidebar .sidebar-entry ul li { text-transform: none !important; } .tooltip-inner { text-transform: none !important; } #yith-wcwl-popup-message { text-transform: none !important; } .shop-empty-cart-page .cart-empty-title p a { text-transform: none !important; } .header-menu .lab-mini-cart .cart_list li.empty { text-transform: none !important; } .search .search-header .tabs a { text-transform: none !important; } .banner .button_outer .button_inner .banner-content strong, .to-uppercase { text-transform: none !important; } .banner .button_outer .button_inner .banner-content span { text-transform: none !important;; } .sidebar .sidebar-entry ul li { text-transform: none !important;; } .page-container .wpb_content_element.lab_wpb_testimonials .testimonials-inner .testimonial-entry .testimonial-blockquote cite { text-transform: none !important;; } @media screen and (max-width: 768px) { .woocommerce .woocommerce-cart-form .shop_table td .name { text-transform: none; } } .woocommerce .shop_attributes td, .woocommerce .shop_attributes th { text-transform: none; } .woocommerce .summary form.cart .variations .label { text-transform: none; } .woocommerce .summary form.cart .reset_variations { text-transform: none; }Have a nice day!
Hi Ylli, almost everything is perfect. Just add to cart that's in uppercase (see attach).
I had to add the following code because the menu was all back to upper case.
header.site-header ul.nav li a, header.site-header div.nav>ul li a {text-transform: none !important;
}
Thanks.
Hi Felipe,
Happy to hear that
As for the area that you mentioned, please just add this CSS code to your Custom CSS area:
.tooltip-inner { text-transform: none !important; }Have a nice day!
Thanks Ylli, works 100% now.
Your support is the best I've ever seen. Congratulations!
Hi Felipe,
Thank you very much for your kind words
We will also try to make this an option in Theme Options so users who don't need to have those areas uppercase can easily change from the theme options.
I wish you have a great weekend!
P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from me and Laborator in advance.
Done, 5 starts :)
In the mobile version the menu is still capitalized :(
(see attch)
Can you help me?
Thanks!
Hi felipevallt,
Thanks you for your rating
Please add the code below to your Custom CSS area:
header.mobile-menu div.mobile-menu>ul li, header.mobile-menu ul.mobile-menu li { text-transform: none; }Thanks!
Thanks,
Now only one change is left. After clicking "add to wishlist" appears a box that remains in uppercase (see atch).
I hope this post is saved for anyone to ever ask you that again. I'm sure it took a lot of work. Then I will send all the codes we use to make the whole site lowercase for others to enjoy.
Thank you very much.
And when I click on the empty cart also appears in uppercase (see atch).
*Edit: I fix this!
And this:
Hi Felipe,
Here are the CSS codes:
#yith-wcwl-popup-message { text-transform: none !important; } .shop-empty-cart-page .cart-empty-title p a { text-transform: none !important; } .header-menu .lab-mini-cart .cart_list li.empty { text-transform: none !important; }P.S: Sure, we will make this an option in the theme so users don't need to use CSS at all to remove the uppercase fonts.
The last change? I think yes! Please, see atch.
Thank you!
More 2!
Hi Felipe,
Please add the code below to your Custom CSS area:
.search .search-header .tabs a { text-transform: none !important; } .banner .button_outer .button_inner .banner-content strong, .to-uppercase { text-transform: none !important; } .banner .button_outer .button_inner .banner-content span { text-transform: none !important;; } .sidebar .sidebar-entry ul li { text-transform: none !important;; } .page-container .wpb_content_element.lab_wpb_testimonials .testimonials-inner .testimonial-entry .testimonial-blockquote cite { text-transform: none !important;; }Have a nice day!
Thanks Ylli.
See atch.
Have a nice day!
Mobile
Hi Felipe,
Can you please add the code below to your Custom CSS area:
@media screen and (max-width: 768px) { .woocommerce .woocommerce-cart-form .shop_table td .name { text-transform: none; } } .woocommerce .shop_attributes td, .woocommerce .shop_attributes th { text-transform: none; } .woocommerce .summary form.cart .variations .label { text-transform: none; } .woocommerce .summary form.cart .reset_variations { text-transform: none; }P.S: Please wait for the update, there we will fix this problem for all the users without the need for CSS.
Thanks!
Thanks Ylli.
When will you release this update?
Cheers,
Felipe.
Hi Felipe,
We don't have an exact ETA, I think that it will happen as soon that there is a need for a new update
Have a nice day!