Enfold Toggles Size - Support | Kriesi.at

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

Author

Posts
June 21, 2015 at 8:46 am #462290

mike1270
Participant

I would like to make the “header” of the toggles bigger. Where can I find that code?

June 22, 2015 at 11:41 am #462592

Rikard
Keymaster

Hi mike1270!

I’m not sure what you are referring to, could you provide us with a link to the site in question so that we can take a closer look please? A screenshot highlighting what you are trying to do would help as well.

Cheers!
Rikard

June 22, 2015 at 7:43 pm #463006
mike1270
Participant
https://www.dropbox.com/s/33npq06zesjh4kd/Screenshot%202015-06-22%2019.40.39.png?dl=0

I would like to make it bigger.

Could this only be done like this? Arrow?

https://www.dropbox.com/s/2edkxipvcantnux/Screenshot%202015-06-22%2019.46.09.png?dl=0
- This reply was modified 10 years, 4 months ago by mike1270.
June 23, 2015 at 1:36 pm #463342
Elliott
Inactive Moderator
Hey!

To move the icon to the right add this to your custom CSS.
```
.toggle_icon { right: 10px; left: auto !important; top: 18px !important; }
```
And if you want to make them a bit bigger then you can try this CSS out.
```
.js_active .toggler { padding: 15px 3px 15px 35px !important; }
```
Best regards,
Elliott
June 23, 2015 at 1:37 pm #463343
Andy
Inactive Moderator
Hi!

a link to the elements in question would have helped us to inspect them and provide you some precise CSS code. However, try this:
```
.toggle_icon {
height: 24px;
width: 24px;
}
.toggle_icon .vert_icon {
height: 20px;
top: 1px;
left: 9px;
}
.toggle_icon .hor_icon {
width: 20px;
top: 9px;
left: 1px;
}
```
adjust the values as needed.

Regards,
Andy
June 30, 2015 at 9:06 pm #466708

mike1270
Participant

Thank you so far. This helps already. How can I make the font bigger?

July 1, 2015 at 8:33 pm #467226
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
.toggler {
  font-size: 14px;
}
```
Regards,
Yigit
July 1, 2015 at 9:24 pm #467247

mike1270
Participant

Thank you.

One last question. Then I’m through.

Instead of the + signs can I also have something like this: like there:
http://www.steuer-maier.de

July 3, 2015 at 1:31 pm #467973

Andy
Inactive Moderator

Hi!

you could try to add you own custom fonts: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
However, I don’t think it would be very easy to do exactly like this, as it would need some additional jquery. You could hire a freelancer for this job.

Regards,
Andy
Author

Posts

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

You must be logged in to reply to this topic.