*

james koya

  • **
  • 19 posts
Zara Theme category ICON size increase
« on: March 13, 2021, 05:35:16 AM »
HI

I want to increase the size of category icons when using image file to change icons in to graphical mode
Can you please tell where should i change values to increase icon size
Thanks

*

MB Themes

Re: Zara Theme category ICON size increase
« Reply #1 on: March 13, 2021, 12:07:35 PM »
@james koya
You are talking about simple CSS lines.
https://www.w3schools.com/css/
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

james koya

  • **
  • 19 posts
Re: Zara Theme category ICON size increase
« Reply #2 on: March 13, 2021, 12:23:02 PM »
I want to increase ICON size , I found this CSS part but i cant understand which part should i change to increase the ICON size only.


/* HOME CATEGORIES */
.home-cat {float:left;width:100%;clear:both;margin:20px 0;background:#fff;display:none;}
.home-cat .top {float:left;width:100%;clear:both;}
.home-cat .top a {border:1px solid transparent;border-top:2px solid #80C74E;border-bottom:1px solid #fff;position:relative;overflow:hidden;padding:10px 3px 0 3px;color:#555;text-decoration:none;float:left;width:9.5%;height:70px;background:#f0f0f0;margin:5px 0.5% 0 0;text-align:center;font-family: "Trebuchet MS",Helvetica,sans-serif;font-size:13px;font-weight:normal;line-height:11px;}
.home-cat .top a .name {float:left;width:100%;clear:both;margin:0;height:22px;overflow:hidden;font-family:"Open Sans",sans-serif;}
.home-cat .top a .img {float:left;width:70%;margin:0 15% 0px 15%;position:relative;clear:both;height:40px;}
.home-cat .top a .img .fa, .home-cat .top a .img img {position:absolute;width:100%;height:auto;bottom:-5px;left:0;color:#ccc;font-size:30px;-webkit-transition:0.15s linear all;-moz-transition:0.15s linear all;-ms-transition:0.15s linear all;-o-transition:0.15s linear all;transition:0.15s linear all;}




*

MB Themes

Re: Zara Theme category ICON size increase
« Reply #3 on: March 13, 2021, 12:26:22 PM »
@james koya
For size ,it is usually width, height, line-height and font-size, as example:
Code: [Select]
#top-cat ul li .img {width:100px;height:100px;border-radius:100px;}
First try, test, learn, play with it, then ask.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

james koya

  • **
  • 19 posts
Re: Zara Theme category ICON size increase
« Reply #4 on: March 13, 2021, 12:29:29 PM »
Thank you for the tip ,   I found this location to increase size