Html Lines

Hi there,

1. I have created a HTML blocks and placed it in shop page but there’s 2 lines that appears on the top and bottom. Can you please let me know how to remove them
See image: https://prntscr.com/xy7m6g

2. Can you please let me know also, how to make the sub-header title in my “shop” menu to be bold
See image: https://prntscr.com/xy7m6g (make bold the “collections, brushes, sponge applicator”

3. How do we make the icons of mobile bottom navbar slightly bigger and with more space on the bottom as when the you scroll on the iphone, aren’t visible and gets covered with a bottom line so we need to have more margin in the bottom and make the logo slightly bigger.
See image:

Thank you for your help

Hello,

I saw the screenshot you attached.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.filters-area.custom-content {
    border: none;
}

2) To make the headings bold as you required try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.sub-menu .nav-link-text {
font-weight: bold;
}

ul.sub-sub-menu .nav-link-text {
    font-weight: normal;
}

3) For the mobile bottom navbar bottom space try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-toolbar-item.wd-tools-element {
    margin-bottom: 14px;
}

And it seems that you are using custom icons for the mobile bottom navbar you can try increasing the size of the icons you used as custom icons for the mobile bottom navbar.

Best Regards.

Hi there,

Thank you for your prompt response.

For the mobile navbar, I did as instructed. Bottom margin did work except the “my account” icon didn’t move with the other icons and stayed on the bottom. All 3 other icons are on the same level except for my account icon.
See image: https://prntscr.com/xypv40

Is there a way to make this bottom navbar look like this?
see image: https://prntscr.com/xypuic
Where, there’s a big white space margin on the bottom and a slight space margin on top?

Thanks for your help.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-toolbar .wd-tools-element {
    margin-bottom: 14px;
}

And to increase the height of the woodmart toolbar. Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-toolbar {
    height: 75px;
}

Best Regards.

Perfect! It looks so much better!

Is there a way to add an additional custom icon? I know you can do 3 customs, any chance I can add another? or change icon of already existing options as I want to change the icons of shop and my account?

Also, can you please let me know how to change the heading “categories” from second tab of mobile menu. I would like to change it to “Information” instead.
See image: https://prntscr.com/xzxrhg

Thanks so much for helping.

Hello,

You are Most Welcome.

Sorry but there is no option available to add more than 3 custom buttons to the mobile bottom navbar.

It requires customizations and this is beyond our limitations and support policy.

And to translate the text categories you need to use the loco translate plugin then choose the correct path to translate the string.

Your path will be Loco Translate >> Themes >> Woodmart.

You can watch our detailed videos on how to translate string using loco translate: https://www.youtube.com/watch?v=D3NsDdMzsls

Best Regards.

Hi there,

Sorry, I think you misread my question 🙂

I meant, can I change the name “categories” to say “information”. I don’t want it to say Categories but instead have information tab.
See image: https://prntscr.com/xzxrhg

Thanks for your help.

Hello,

I saw the screenshot you attached.

There is no option in Theme Settings to change the text that’s why you need to use the loco translate plugin to translate the text.

Your path will be Loco Translate >> Themes >> Woodmart.

You can watch our detailed videos on how to translate string using loco translate: https://www.youtube.com/watch?v=D3NsDdMzsls

Regards.
Xtemos Studios.

[Author]

Posts