- This topic has 5 replies, 2 voices, and was last updated 8 years, 10 months ago by
.
Hi there (again),
My site is this http://www.airbnb-helper.gr
I wanted to know how to make the circle (that has an arrow, please check attached file) of the icon box look smaller? Ideally i want the “normal” view of my site to be 90% of its actual size. I guess i will have to do this by making each element (text, icon etc), 10% smaller, unless you guys have come up with something easier.
Thank you for everything guys.
Regards,
G
Hi @geoleo,
Thank you for your question.
You can try making the circle smaller by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-iconbox-style1 .sh-iconbox-icon2 { width: 40px; height: 60px; } .sh-iconbox-style1 .sh-iconbox-icon-shape > i { line-height: 100px; } .sh-iconbox-style1 .sh-iconbox-icon-shape { width: 100px; height: 100px; }Best regards,
Shufflehound teamFirst of, I would like to thank you for the quick responses! OMG…. you guys are good! I am really surprised that your Theme and of course the quality of support has not attracted more than a 100,000 sales! I am so glad that I landed on your theme.
Now, back to the question. We almost sorted it out, as when I apply the CSS code the round shape becomes oval. Please check attachment. I was wondering if we could maintain the circular shape.
Thank you for everything.
Solution for this topic
I can see this is happening because the greater than symbol > added in the previous code is not working so please try using the below CSS code instead of above.
.sh-iconbox-style1 .sh-iconbox-icon2 { width: 40px; height: 60px; } .sh-iconbox-style1 .sh-iconbox-icon-shape i.sh-iconbox-hover { line-height: 100px; } .sh-iconbox-style1 .sh-iconbox-icon-shape { width: 100px; height: 100px; }oohhh you are good! that seemed to have worked.
Thank you for this.
G
You are most welcome here 🙂
