Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 10, 2014 at 8:17 am #207857
    Rohan K. Abraham

    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

    January 10, 2014 at 9:10 am #207867
    Ismael

    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

    January 10, 2014 at 9:17 am #207870
    Rohan K. Abraham

    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

    January 10, 2014 at 9:38 am #207885
    Ismael

    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

    January 10, 2014 at 10:00 am #207895
    Rohan K. Abraham

    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.

    January 10, 2014 at 1:43 pm #208001
    Yigit

    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

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