-
Posts
-
Hi,
Since a cumulated recent update (wp 4.7.4 + enfold 4.0.5 + wc 3.0.4), some fonts sizes and styles have changed and I can’t find how to modify them. Could you please give me the info ?
Products slider (page component) : the product name is now uppercase. We want it lowercase (and also change the font size)
Related products (on a product page) : the product name is now bigger than ever. We also need to change the font size and style.Thank you !
Hey next_thomas,
Can you give us a link to the page in question so we can take a look?
Best regards,
SarahHello Sarah,
Link to the site is in the private content.
1/ on the homepage : there is product slider, and the produt names are now uppercase
2/ on a product page : the related products, show product names with really big letters
I’d like to change the text size and style.
How can I do so ?
Thank you!
ThomasHi Thomas,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.template-page .entry-content-wrapper h2 { text-transform: none; } #top .related.products h2, #top .upsells.products h2 { font-size: 14px; } #top.single-product .price, #top.single-product .price span, #top.single-product del, #top.single-product ins { font-size: 14px; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thank you for the code ! It works perfectly.
However, the product name on the single product page is still too big. Could you confirm which line is supposed to change this ?
Regards,
ThomasHi Thomas!
From what I can see, the product name of related products are 13px. Am I looking at the right page? I’ll put the link in Private Content. Do you still need help with this? :) If so, please give us a link of a product page we should check.
Sarah
Hello Sarah, actually I’m looking at a single product page (see link in private content).
What I’d like to change is the font size/style of the product name, at the top of the page.Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.single-product div.product .product_title { font-size: 20px; color: orange; }Best regards,
YigitHi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
YigitHi,
I forgot to ask you how to change the font size for the product categories titles (see PM link 1), andsubcategoris (link 2).
Can you help please ?
Thank you!Hi Thomas!
Please try adding this code:
.post-type-archive-product li.product h2.woocommerce-loop-category__title { font-size: 20px; } .tax-product_cat li.product h2.woocommerce-loop-category__title { font-size: 20px; }Let us know if that works. :)
Best regards,
SarahHi Thomas,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaHi Guys,
I have added the following Quick – CSS for the font-size of the related products and for the font size of the purchase button price:
.single-product .price, #top .price span{
font-size: 40px !important;
}
#top .related.products h2, #top .upsells.products h2 {
font-size: 14px!important;
}
#top.single-product .price, #top.single-product .price span,
#top.single-product del, #top.single-product ins {
font-size: 18px;
}I want a big price on the Product detail page (purchase button) and the 14px and 18px on the related products.
Unfortunately, each price is now on 40px -> If I remove “!important” every price is 18px.Could you help me ?
Hi,
Please provide the login to view the pages in question, and remove the above code from your quick css so we can rewrite it.Best regards,
MikeHi Niko Gr,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.single-product #av-layout-grid-1 .woocommerce-Price-amount.amount{ font-size: 30px !important; }You might want to leave the font-size at 30, 40 seams too big and leave the related at 21.
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.