Margin in categories

Hello,

I can not find margin settings between categories on desktop/laptop.
How can I extend icons on mobile?
Screenshot on the attachement.

Attachments:

You must be logged in to view attached files.

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

Thanks, but this is qualified solution.
I set margin in SVG files in Illustrator, but an effect is not
satisfying.
Please let mi know how can I set margin after text categories or margin for all whole block (text + icon).

Hello,

Settings the margin would not solve the issue, this problem occurs due to SVG, please try to follow the above suggestion and your categories would be aligned with the equal responsive margins.

Best Regards

Hi,

Thanks for the advice.
Please let me know where I embed HTML code in themes settings?

Hello,

What HTML code you want to add and where?

Best Regards

Hi,

You write me:

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

1. I don’t know where I edit svg attributes?

2. You have correct in your woodmart theme (in attachement).
3. I replaced icons for new svg and I have not margins like in default settings, why?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this icon to each category to test. I attach icon, I will check and five the custom CSS.

Best Regards

Attachments:

You must be logged in to view attached files.

Hi,

Unfortunately not works.
Please take a look on attachment screenshot.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes.

Best Regards

Hello,

Access site admin is in the private area.

Hello,

I have uploaded the correct icons and here is the result: https://prnt.sc/ydojba no CSS is needed.

SVG icon must have width and height: https://prnt.sc/ydoozj you can set your values.

Please take the correct SVG or use PNG.

Best Regards

Hi,

Thanks for help.

1. I tried and saved as SVG like your icon (width 500px – height 500px), on the same artboard.
2. But look at the the attachements – when I upload my svg files changed in WordPress with some margins.
3. I set PNG for Image (icon) for categories navigation on the shop page
– is not looks good.
4. I set SVG for Icon to display in the main menu (or any other menu through the site) and thumbnail.
5. I saved SVG files from Illustrator for 2 way: global for many files and sigle for each other, and a result is still wrong.

Best regards.

Attachments:

You must be logged in to view attached files.

Hello,

Your real size SVG is no more than 60 px. Try this size. I have uploaded the correct SVG and demonstrated it. Please contact the person or company where you got the SVGs and ask them to provide you with quality ones.

Best Regards

Hi,

I have benn set SVG files in Illustrator correctly and works.
How can I found to change img.category-icon to set icons SVG bigger than 30px? for example to 60 px.

Thanks.

Hello,

Please follow this step: open your SVG icons file with some editor like Sublime Text or default system text editor and change the current width with width=”60″ height=”60″ (this is an example, inset the width you need) attributes to your <svg>

Best Regards

Hi,

Please take a look on my screenshot in attachement.
I want to set icons in menu in 60 x 60 pixels.
Now in themes is global settings smaller icons to 30 x 30 pixels.

Attachments:

You must be logged in to view attached files.

Hello,

Yes, that could be, as if you set 60 there would not space enough for all, please try 30px.

Best Regards

[Author]

Posts