-
-
Hi,
Is it possible to make the service circle icons bigger?
If yes – how?
Thanks!
-
Hello,
Yes, use custom css. Increase the icons font size. Try adding this code into your custom css box:
.services_medium.style_2 i { font-size: 70px !important; }
Edit the value to your wish.
Let us know.Best regards!
-
I added the code through Add Custom CSS plugin. Nothing happens.
Also the code you are providing is about making the font bigger. I want to make the icons bigger.
Please support.
-
Hello,
The above code changes only the icons size. Where are you trying this? Can you please send a link of it? Can you send a screenshot of your Custom css box? So we can heck if there is any error in it.
Best regards!
-
Hi there,
See below the links for two screenshots. 1 of the custom css box and 1 of the service circle icons that need to be bigger.
Does it make a difference when i have custom images in the service circle icons?
Thanks,
Merijn
icons screenshot: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-18-om-16.36.10.png
custom css screenshot: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-18-om-16.36.21.png
- This reply was modified 7 years, 3 months ago by MerijndeSteur.
-
Hello,
Yes, it does make a difference. The code i gave you is for the default circle icons. The icons are a html element, whose style you can alter using css. They are styled from different css class. If you have images set, then the given code is useless.
In the current case, this is the css you need:.services_medium img { width: 120px; height: 120px; }
Change the values to your wish.
Best regards!
-
I pasted the code into the custom css and adjusted width and height to 220px but nothing changes.
See the custom css: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-19-om-21.42.24.png
-
Hello,
Please edit the code to this:
.services_medium img { width: 120px !important; height: 120px !important; }
The
!important
gives priority to custom css over theme’s default css.
Let us know.Best regards!
-
-
You must be logged in to reply to this topic.