{"id":21753,"date":"2022-01-08T06:00:00","date_gmt":"2022-01-08T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=21753"},"modified":"2025-07-12T19:40:34","modified_gmt":"2025-07-12T14:40:34","slug":"increase-icon-size-within-toggle-widget-elementor","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/increase-icon-size-within-toggle-widget-elementor\/","title":{"rendered":"How to Increase icon size within toggle widget Elementor"},"content":{"rendered":"\n

The Toggle Widget allows you to build collapsed text boxes where the visitor only sees the titles of the text box items. This allows you to present your content in a compact format, allowing visitors to swiftly sift through the titles without having to navigate through a long page.<\/p>\n\n\n\n

Download Elementor mega menu templates<\/a><\/p>\n\n\n\n

Elementor toggle widget contain icons but not have any options to increase icon size within toggle widget Elementor. To increase icon size need to custom CSS code.<\/p>\n\n\n\n

You Might Also Like: Free Elementor Templates<\/a> For Websites<\/p>\n\n\n\n

Elementor accordion icon size<\/h2>\n\n\n\n

Step 1:<\/strong> Add accordion widget.<\/p>\n\n\n\n

Step 2:<\/strong> Go to style >Header > Change icon size.<\/p>\n\n\n\n

\"elementor<\/figure>\n\n\n\n

Increase icon size within toggle widget in Old Elementor version.<\/h2>\n\n\n\n

Step 1<\/strong>: Copy Below Code<\/p>\n\n\n\n

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {\n    display: block;\n    font-size: 45px;\n}\n\n.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {\n    display: block;\n    font-size: 45px;\n}<\/code><\/pre>\n\n\n\n
Step 2:<\/strong> Paste code into Appearance > Customize > Custom CSS and  you can adjust the icon size by changing font size.<\/p>\n\n\n\n
\"Increase<\/figure>\n\n\n\n
You Might Also Like to Hire: Elementor Pro Expert<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
The Toggle Widget allows you to build collapsed text boxes…<\/p>\n","protected":false},"author":5,"featured_media":21764,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[4],"tags":[457,458],"class_list":["post-21753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-increase-icon-size","tag-toggle-widget-elementor"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=21753"}],"version-history":[{"count":1,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21753\/revisions"}],"predecessor-version":[{"id":37366,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21753\/revisions\/37366"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/21764"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=21753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=21753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=21753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}