Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #207857

    Hi,

    How can I reduce the radius of the circles that surround these icons?

    http://www.indiatrail.org/explore-nagaland/

    [talking about the icons on top which I have used for navigation]

    Thanks

    Rohan

    #207867

    Hey Rohan!

    You can use this on your custom.css or Quick CSS:

    .av_font_icon.av-icon-style-border .av-icon-char {
    padding: 10px;
    }

    Cheers!
    Ismael

    #207870

    Hi Ismael!

    Thank you so much. That worked wonderfully. One small request – how can I retain the icon padding on the home page to be what it was earlier while everywhere else keep it at the modified size?

    Rohan

    #207885

    Hi!

    Place this one at the bottom of the code I posted above:

    .home .av_font_icon.av-icon-style-border .av-icon-char {
    padding: 30px;
    }

    Regards,
    Ismael

    #207895

    Thank you . That worked perfectly. I’m sorry to trouble you again – one last que – if i want to increase the size of the padding on this page, how do i do that?

    http://www.indiatrail.org/trails/

    I tried replacing the ‘.home’ with ‘.trails’ but it didn’t work.

    #208001

    Hey!

    If you would like to apply this following code that Ismael provided to your trails page

    .home .av_font_icon.av-icon-style-border .av-icon-char {
    padding: 30px;
    }

    Please use following code instead

    .page-id-389 .av_font_icon.av-icon-style-border .av-icon-char {
    padding: 30px;
    }

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Reducing circle size around icons’ is closed to new replies.