I am sorry I mean we need to know the list module settings you are using, what is the list type you are using?
If you are using chrome, when viewing your frontpage make a right click on the icon a click "inspect element" you should be able to see the css of the icon, this is the css you need to edit to change the size.
If you can tell us the icon list module settings you are using we should be able to give you the css you need.
and change the 35px to the size you want to use, you may also want to increase the line height to have the icon position to be corrected and fit the new icon size.
Do not hesitate to contact us if you have more questions.
Hi!
I opened this ticket because i cannot find it in css, or maybe its just late night..
I want to change the Size of an Icon in List items.
[ I don't want to change it through List style, like Big icon, Small rounded etc. ]
Thanks!
Hello Vagabonds,
Can you please give us a link to the icon list you want to modify?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi!
I cannot give you a link, as far as the website is still in development, and its in maintenance mode.
So i have a list, and in List Item Settings
Font Awesome
fa-check icon
Hello Vagabonds,
I am sorry I mean we need to know the list module settings you are using, what is the list type you are using?
If you are using chrome, when viewing your frontpage make a right click on the icon a click "inspect element" you should be able to see the css of the icon, this is the css you need to edit to change the size.
If you can tell us the icon list module settings you are using we should be able to give you the css you need.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Did it with firebug. Here is the Css inspected:
#rand_kkx1qphbhs5bg86aoeb0 .fa-check::before {
content: "";
}
#rand_kkx1qphbhs5bg86aoeb0 .fa-check::before {
font-family: "fa";
font-style: normal;
font-weight: normal;
}
.fa-check::before {
content: "";
}
.rd_list_2 #rand_kkx1qphbhs5bg86aoeb0 .list_icn i {
color: #9ea6a9;
}
.rd_list_2 i {
}
[class*="fa-"] {
font-family: "Fontawesome";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
}
Hi! Just founded.
.rd_list_2 .list_icn {
Case closedfont-size: 35px!important;
line-height: 40px;
}
Hello Vagabonds,
Nice, then you just need to go to Thefox > Styling options and add the custom css :
.rd_list_2 .list_icn {
font-size: 35px!important;
line-height: 40px;
}
and change the 35px to the size you want to use, you may also want to increase the line height to have the icon position to be corrected and fit the new icon size.
Do not hesitate to contact us if you have more questions.
Have a nice weekend!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme