Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 6, 2023 at 5:48 pm #1409784
    woogie07

    Hi

    Icon circles element:
    1/ I want to enlarge the circle and the icon within the circle
    2/ I want to enlarge the line spacing for the description text that displays within the element

    Is there any css that can be added for this?

    See link in private

    Thanks
    Marcus

    June 6, 2023 at 6:04 pm #1409791
    Guenni007

    try to play a little and start with: height and font-size

    #top .av-icon-circles-container .avia-icon-circles-icon {
  text-align: center;
  font-size: 50px;
  line-height: 0 !important;
  height: 80px;
  width: 80px;
  margin: -33px;
}

#top .avia-icon-circles-icon::before {
  position: relative;
  top: 49%;
}

.main_color #top .av-icon-circles-container .avia-icon-circles-icon.active {
  border: 3px solid #608a12;
  transform-origin: center center;
}

    it might be necessary to move the icon inside the circle ( via pseudo-container : before ) . Since I can’t see your private message, I can’t give you any better advice.

    June 7, 2023 at 5:24 am #1409828
    Ismael

    Hi,

    Thank you for the inquiry.

    Please use the css code that @Guenni007 provided above. The css rules should adjust the size of the circles and the icons within them. To adjust the line spacing of the description, please include this code.

    .avia-icon-circles-icon-text .icon-description {
    line-height: 2em;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.


    @Guenni007    : Thanks!

    Best regards,
    Ismael

    June 7, 2023 at 10:13 am #1409840
    woogie07

    Thanks both,

    This has been really helpful.

    June 8, 2023 at 3:01 am #1409929
    Ismael

    Hi,

    Glad to know that the solution works for you. If you have any more questions or need further assistance, please feel free to open another thread in the forum.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enlarge icon size on icon circles element’ is closed to new replies.