Return to previous page

Changing font size for sub-menu items - by nataliab

This topic has 11 replies, 4 voices, and was last updated 8 years, 3 months ago ago by Eva Kemp

nataliab

Participant

December 23, 2015 at 18:16

Hi,

How do I change Font Size for the following:

– sub-menu items
– My Account / Logout (in the header section)
– The Cart $0.00 in the top right and the text “No products in the cart”
– product’s price
– product’s sale price

And
– Hide Product’s SKU on product page

Thank you in advance!

Please, contact administrator
for this information.

#105631 Copied Theme version: Royal 2.2

10 Answers

nataliab

Participant

December 23, 2015 at 18:36

And also the Font Size for Product Name?

#105636 Copied
Jack Richardson

Support staff

December 23, 2015 at 18:59
Hello,

1. Add this code in custom.css:
```
.menu .nav-sublist-dropdown ul > li > a {
    font-size: 9px;
}
```
2. Use this css code:
```
.header-type-6 .top-bar a {
    font-size: 9px;
}
```
3.
```
.shop-text, .shop-text .total {
    font-size: 10px;
}
.cart-popup-container .cart-popup .empty {
    font-size: 10px;
}
```
4.
```
.price {
   font-size: 18px !important;
}
```
5.
```
ins {
   font-size: 20px;
}
```
Write font size values you need.

6.
```
span.sku_wrapper {
    display: none;
}
```
Best regards,
Jack Richardson.
#105640 Copied
nataliab

Participant

December 23, 2015 at 21:52

Thank you so much!

I also need to change the font size for Product Title on product pages.

#105654 Copied
Stan Russell

Participant

December 24, 2015 at 08:23
Hello,

please use following css code for products grid:
```
.products-grid .product-title {
font-size: 20px;
}
```
and for single product page:
```
.single-product .product-information .product_title{
font-size:20px;
}
```
Regards,
Stan Russell.
#105666 Copied
nataliab

Participant

December 24, 2015 at 17:49

Thank you!

How do I change the Font Type for:

– Product Title for product grid & product page

Font Type and Font Size for:

– “Related Products” title on product page
– “Out of Stock” label on product page

Thank you so much! Really appreciate it 🙂

Please, contact administrator
for this information.

#105723 Copied
Eva Kemp

Support staff

December 24, 2015 at 18:58
Hello,

Use this code for “Out of stock” text:
```
.product-information .out-of-stock {
    font-size: 16px;
    font-family: open sans;
}
```
For “Related Products”:
```
.carousel-area .title {
  font-size: 16px;
  font-family: open sans;
}
```
For product title on single product page:
```
.single-product .product-information .product_title {
    font-family: open sans;
}
```
on product grid:
```
.products-grid .product-title {
    font-family: open sans;
}
```
Write the values you need.

Regards,
Eva Kemp.
#105733 Copied
nataliab

Participant

December 24, 2015 at 20:44

Thank you!!

I need to change the Font Type and Font Size for Product Title on the Quickview popup window. How do I do this?

And can I change the font size and font type for the overlay text (on product grid images) “add to wishlist” and “quickview”?

Thank you!

#105749 Copied
Stan Russell

Participant

December 25, 2015 at 08:51
Hello,

please use folowing css code:
```
.quick-view-popup .product-name
{
  font-size:20px;
  font-family:fantasy;
}
```
and
```
.yith-wcwl-add-button a.add_to_wishlist{
  font-size:10px;
  font-family:fantasy;
}
.show-quickly{
  font-size:10px;
  font-family:fantasy;
}
```
Regards,
Stan Russell.
#105765 Copied
nataliab

Participant

January 1, 2016 at 00:26

Hello,

How do I change the font size for the mega menu items?
For the css item menu-full-width and the sub-menu item below that.

Thank you!

#106394 Copied
Eva Kemp

Support staff

January 4, 2016 at 09:59
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.header-wrapper .menu > li > a {
  font-size: 13px;
}
.menu .menu-full-width .nav-sublist-dropdown ul > li > a {
    font-size: 14px;
}
```
Write the values you need.

Regards,
Eva Kemp.
#106496 Copied
Viewing 11 results - 1 through 11 (of 11 total)