Increase icon size - Support | Kriesi.at - Premium WordPress Themes

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 21, 2020 at 5:37 pm #1215049

kodacurrie
Participant

I need to make the icons in these circles larger but can’t find a solution anywhere. I have attached a screen shot.
Here is the page

Outsourced Risk Management

/Users/kodacurrie/Desktop/Screen Shot 2020-05-21 at 11.36.08 AM.png

May 22, 2020 at 12:38 am #1215117
Jordan Shannon
Inactive Moderator
Hey kodacurrie,

Add this to quick css:
```
html body [data-av_iconfont='fontello']:before {
    font-size: 60px!important;
}
```
Best regards,
Jordan Shannon
May 26, 2020 at 3:35 pm #1216514

kodacurrie
Participant

I only want to change the size on certain pages. Your solution changed ALL of the icons.

May 26, 2020 at 7:03 pm #1216597
Jordan Shannon
Inactive Moderator
Hi,

Adjust the css to this instead:
```
html body header [data-av_iconfont='fontello']:before {
    font-size: 60px!important;
}
```
Best regards,
Jordan Shannon
May 26, 2020 at 8:49 pm #1216679

kodacurrie
Participant

Nope. That still changed everything. I need to ONLY change the icons in the circles at the top of the services pages. I do not want any other icons to change size.

thanks.

May 26, 2020 at 9:49 pm #1216696

Jordan Shannon
Inactive Moderator

Hi,

If you give a custom class to those header sections then we can target just those.

Best regards,
Jordan Shannon

May 27, 2020 at 3:26 pm #1216985

kodacurrie
Participant

Thank you but I really don’t understand how to do that! Can you give me more specific instructions?

This is one of the pages:

Outsourced Risk Management

It’s the icon in the circle at the top of the page.

May 27, 2020 at 7:41 pm #1217129

Jordan Shannon
Inactive Moderator

Hi,

Sure, you can simply go to Enfold theme options > Layout Builder and check “Show element options for developers”. It will enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg. You can give your elements custom CSS classes to target them separately :)

Best regards,
Jordan Shannon

May 27, 2020 at 8:11 pm #1217138

kodacurrie
Participant

Ok, I gave it a custom css class

icon-box-circle

but now what?
Thank you.

May 27, 2020 at 9:26 pm #1217139
Jordan Shannon
Inactive Moderator
Hi,

It need to be added to the entire color section element. Ilogged in and made the edit for the page you shared. Try this:
```
.icon-box-circle [data-av_iconfont='fontello']:before {
    font-size: 60px!important;
}
```
Best regards,
Jordan Shannon
May 27, 2020 at 10:30 pm #1217175

kodacurrie
Participant

Brilliant! Thank you. You can close this post!

May 27, 2020 at 10:46 pm #1217188

Jordan Shannon
Inactive Moderator

Hi,

I’m happy to help! If you need additional help please don’t hesitate to let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Increase icon size’ is closed to new replies.