Home Forums WoodMart support forum How to add letter spacing in menu?

How to add letter spacing in menu?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #117710

    Rune J
    Participant

    Hi,

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

    Attachments:
    You must be logged in to view attached files.
    #117730

    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

    #117753

    Rune J
    Participant

    The website is in private message

    #117796

    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

    #117826

    Rune J
    Participant

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

    #117844

    Hello,

    Please provide your site admin access

    Best Regards

    #118849

    Rune J
    Participant

    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.
    #118879

    Hello,

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

    Best Regards

    #118886

    Rune J
    Participant

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

    #118924

    Hello,

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

    Best Regards

    #118985

    Rune J
    Participant

    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.
    #119037

    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

    #119300

    Rune J
    Participant

    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.
    #119386

    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

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘How to add letter spacing in menu?’ is closed to new replies.