Support Forums - Classified Ads Script Osclass
Unread
New Replies
Osclass Market
Download Osclass
Documentation
Home
Help
Search
Login
Register
Zara Theme category ICON size increase
Support Forums - Classified Ads Script Osclass
Osclass theme support
Zara Osclass Responsive Theme
Zara Theme category ICON size increase
Match all words
Match any words
Most relevant results first
Largest topics first
Smallest topics first
Most recent topics first
Oldest topics first
Advanced
Unread posts
New replies
My topics
My posts
Print
Pages: [
1
]
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
Logged
MB Themes
Support team
17463 posts
Only quality matters
Download Osclass
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/
Logged
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;}
Logged
MB Themes
Support team
17463 posts
Only quality matters
Download Osclass
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.
Logged
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
Logged
Print
Pages: [
1
]