Problem with icons size

This topic has 18 replies, 2 voices, and was last updated 3 years, 4 months ago by Elise Noromit.

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

Author

Posts
June 15, 2021 at 7:23 pm #300015
Levtam
Participant
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.
June 15, 2021 at 10:31 pm #300042

Elise Noromit
Member

Hello,

Please provide your site admin access to the private area.

Best Regards

June 16, 2021 at 6:07 am #300078

Levtam
Participant

How should I do it?

June 16, 2021 at 5:21 pm #300240

Elise Noromit
Member

Hello,

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

Best Regards

June 16, 2021 at 7:51 pm #300257

Levtam
Participant

Private content

June 16, 2021 at 11:42 pm #300284

Elise Noromit
Member

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

June 27, 2021 at 12:24 pm #302829

Levtam
Participant

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.

June 27, 2021 at 12:26 pm #302833

Levtam
Participant

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?

June 27, 2021 at 1:48 pm #302843

Levtam
Participant

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.

June 27, 2021 at 7:25 pm #302882

Elise Noromit
Member

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

June 28, 2021 at 10:30 am #303035

Levtam
Participant

“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?

June 28, 2021 at 12:13 pm #303079

Levtam
Participant

Have you tried what you recommend to me?

June 29, 2021 at 3:06 pm #303391

Elise Noromit
Member

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.

June 29, 2021 at 4:42 pm #303410

Levtam
Participant

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.

June 30, 2021 at 9:01 am #303559
Elise Noromit
Member
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
June 30, 2021 at 10:44 am #303588
Levtam
Participant
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.
June 30, 2021 at 9:59 pm #303742
Elise Noromit
Member
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
June 30, 2021 at 10:44 pm #303747

Levtam
Participant

“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.

July 1, 2021 at 12:23 am #303767

Elise Noromit
Member

Hello,

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

Best Regards
Author

Posts