Questions

Hi,

I have some questions:

1. How do I change the font size of the 2nd, 3rd and 4rd level main menu navigation (excluding the 1st level)?

2. How do I change the font size for the 2nd level of the product category bar?

3. For blog pages and all posts: How to disable the date, author, category label, posted by and comments?

4. How to add a “Buy it Now” button to all products?

Thanks.

Hello,

Thank you for contacting our support center.

1. You can change with a help of the following code snippet

.main-nav .menu li li a {
	font-size:12px!important;
}

2. Use this code also

.basel-product-categories li .children li a {
	font-size:11px!important;
}

3. Use this

.entry-meta,
.post-date {
	display:none!important;
}

.meta-post-categories {
	visibility:hidden;
}

4. But your products already have “Add to cart” buttons, right? You can add any additional buttons to products short description.

Kind Regards
XTemos Studio

Thank you for your fast response.

1. How can I change the “active” and “hover” color of all buttons?

2. For product Pages: How can I remove the “Reviews” tab and add a “ask a question” contact form tab?

3. How can I reduce the size of the “sale” and “sold out” labels?

3. On the “Shop” listing Page:
a. How can I center the product title and the “add to cart”?
b. Can I add a background color to the “add to cart”?
c. Can I add “social share buttons” below the “Add to cart”?

Thank you.

Hello,

1. You can set your primary color via Theme Settings -> Styles & Colors

2. Here is a tutorial from WooCommerce that will help you manage your product page tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

3. Add the following code snippet to the Custom CSS area in Theme Settings

.onsale, .out-of-stock-label {
    font-size: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

3a & 3b. Simply set your product hover to “Standard button” in Theme Settings -> Shop

3c. Unfortunately, there is no such option in our theme and it may require an additional code customization to achieve this

Regards

Thanks

You are welcome!

Hi,

How may I change the shape of the circle of SOLD OUT to a rectangle?

Hi,

Add the following code snippet to the Custom CSS area

.onsale, .out-of-stock-label {
    border-radius:0;
    width:auto;
    height: auto;
    line-height: 1;
    padding: 10px 10px;
}

Regards

[Author]

Posts