How to add letter spacing in menu?

Hi,

How can I add letter spacing in menu dropdowns first level etc.?

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide your site URL so that I could provide the custom CSS.

Best Regards

The website is in private message

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a span{
letter-spacing:10px;
}

Set the spacing as per your needs.

Best Regards

Its not working… I have set it on global, but no spacing comes?

Hello,

Please provide your site admin access

Best Regards

Now it works! Thanks Elise!

I have 2 questions more…

1. We have problems with the product title (see picture). We would like to see three sentence points (…) if the text is too long, for example, more than 20 characters.

We have tried with:

.product-grid-item .product-title {
max-width: 20ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

2. How can we set the shop buttons with full with?

Attachments:

You must be logged in to view attached files.

Hello,

Your site is under maintenance mode, please provide your site admin access to the private area

Best Regards

Hi again, now you can access the site. Sorry 🙂

Hello,

Increase the letter spacing http://prntscr.com/nc85ki I have set 4px and it works.

Best Regards

Hi again,

Yes! It works now – thanks!

But need help to #118849:

I have 2 questions more…

1. We have problems with the product title (see picture). We would like to see three sentence points (…) if the text is too long, for example, more than 20 characters.

We have tried with:

.product-grid-item .product-title {
max-width: 20ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

2. How can we set the shop buttons with full with?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global to make the button full-width:

body .woodmart-hover-standard .btn-add a{
display:block;
}

There is no option to add dots at the end of the title, however, you can limit the length of the title in the Theme Settings > Shop > Product Styles > Product title lines limit

Best Regards

Thanks, it works on the shopping page but how can i get full with buttons when i go to the productpage? (see picture)

Another question: Wish list icon on mobile version is “rounded” but on the desktop version it is “square”. There is also a checkmark. Can I get this on the desktop version as it fits better with our design? (see picture)

Thanks for a great support 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
to make the Wishlist round on desktop:

body .product-grid-item .woodmart-buttons{
border-radius:50%;
}

Full-width button on the product page:

.btns-shop-light .single_add_to_cart_button{
display:block;
width:100%;
}

Best Regards

[Author]

Posts