Margin in categories

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

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

Author

Posts
February 1, 2021 at 4:17 pm #263038

johnny10
Participant

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.

February 1, 2021 at 8:06 pm #263085

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

February 2, 2021 at 12:38 pm #263266

johnny10
Participant

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

February 2, 2021 at 9:27 pm #263381

Elise Noromit
Member

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

February 2, 2021 at 9:35 pm #263387

johnny10
Participant

Hi,

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

February 3, 2021 at 11:44 am #263522

Elise Noromit
Member

Hello,

What HTML code you want to add and where?

Best Regards

February 3, 2021 at 12:39 pm #263543

johnny10
Participant

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.

February 3, 2021 at 5:05 pm #263651

Elise Noromit
Member

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.

February 3, 2021 at 5:24 pm #263656

johnny10
Participant

Hi,

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

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

February 3, 2021 at 9:31 pm #263722

Elise Noromit
Member

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

February 4, 2021 at 8:23 am #263811

johnny10
Participant

Hello,

Access site admin is in the private area.

February 5, 2021 at 9:58 am #264143

Elise Noromit
Member

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

February 5, 2021 at 12:52 pm #264211

johnny10
Participant

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.

February 6, 2021 at 11:44 am #264400

Elise Noromit
Member

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

February 8, 2021 at 1:11 pm #264757

johnny10
Participant

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.

February 8, 2021 at 10:20 pm #264860

Elise Noromit
Member

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

February 9, 2021 at 9:33 am #264975

johnny10
Participant

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.

February 9, 2021 at 10:20 pm #265150

Elise Noromit
Member

Hello,

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

Best Regards
Author

Posts