Problem with icons size

After updating to version 6, the icons became small
In version 5 to enlarge icons, I used this code:

.vertical-navigation .item-level-0>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}

.woodmart-navigation .category-icon {
    max-height: 42px;
    margin-right: 10px;
}

But in version 6 it doesn’t work.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

How should I do it?

Hello,

Please put your credentials into the Private content block below the message area.

Best Regards

Private content

Hello,

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

Best Regards

Its not work!
I want to apdate to 6 vertion, but icon too small.
I just want normal size icons/
Please help!

Attachments:

You must be logged in to view attached files.

why in 5 ver work

”
.vertical-navigation .item-level-0>a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
}

.woodmart-navigation .category-icon {
max-height: 42px;
margin-right: 10px;
}
”

and 6 ver not work?

I found!
What i need to do in CSS for this?
That rule not work in CSS.

Attachments:

You must be logged in to view attached files.

Hello,

Now I see the images bigger then they were before. https://prnt.sc/1757451

I check the code and I do not see width and height in SVG tag.

Please try to follow this instruction: open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

Your attempts to correct with custom CSS would give no effect.

One more thing, try to increase the height of the bottom row in the header builder: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

“Now I see the images bigger then they were before. https://prnt.sc/1757451” – its 5 vertion, not 6
“Please try to follow this instruction: open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown:” – not work.

Can I speak with someone here in Russian?

Have you tried what you recommend to me?

Hello,

In order to have images big, you need to upload the image size big enough and set the sizes as I wrote below.

You can test this SVG to detect the source of the problem: if it is the theme version or SVG.

I attach the file, test it.

Best Regards

Attachments:

You must be logged in to view attached files.

I have installed the latest version Woodmart 6.1.3 on a test site.
Replaced the category icon with your icon. (width=”75″ height=”73″)
This does not work.
You can go to the site. (http://test.luckyrabbit.shop)
Login and password in Private Content.
Here’s the result:

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the confusion.

The classes in the recent theme have changed and you need to replace this code:

.vertical-navigation .item-level-0>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}
.woodmart-navigation .category-icon {
    max-height: 42px;
    margin-right: 10px;
}

For this code:

body .wd-nav-vertical>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}
.menu-item .wd-nav-img {
    max-height: 42px;
    margin-right: 10px;
}

Best Regards

Hello!
“Sorry for the confusion.” – its ok!

But, This does not work! This does not work! This does not work!

Try it yourself

In addition, this code generates an error:

body .wd-nav-vertical>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}
.menu-item .wd-nav-img {
    max-height: 42px;
    margin-right: 10px;
}

Screenshot_24 Before code
Screenshot_24 After code

Attachments:

You must be logged in to view attached files.

Hello,

Your live site previous version:

You have added this custom CSS to increase the icons:

 .vertical-navigation .item-level-0>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}
.woodmart-navigation .category-icon {
    max-height: 42px;
    margin-right: 10px;
}

You need to update the theme and replace this code with this one:

body .wd-nav-vertical>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}
.menu-item .wd-nav-img {
    max-height: 42px;
    margin-right: 10px;
}

At some moment your server gave an error and styles did not work. Please try again: update the theme and add the correct styles.

Best Regards

“At some moment your server gave an error and styles did not work. Please try again: update the theme and add the correct styles.” –

The problem has been resolved.
This is due to the presence of mixed content (HTTP) in Woodmart
“Really Simple SSL” plugin helped

Attachments:

You must be logged in to view attached files.

Hello,

That is fine! If you have any questions or need further help, please feel free to contact us.

Best Regards

[Author]

Posts