{"id":123323,"date":"2020-06-18T16:58:16","date_gmt":"2020-06-18T16:58:16","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/red-balloon-frontend-suite\/"},"modified":"2020-06-19T12:27:30","modified_gmt":"2020-06-19T12:27:30","slug":"red-balloon-frontend-suite","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/red-balloon-frontend-suite\/","author":17707481,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"trunk","tested":"5.4.19","requires":"5.1","requires_php":"5.6","requires_plugins":"","header_name":"Red Balloon Frontend Suite","header_author":"Red Balloon","header_description":"Nifty tricks for your front end","assets_banners_color":"","last_updated":"2020-06-19 12:27:30","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":879,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[131610,41659,751,528],"plugin_category":[],"plugin_contributors":[180207],"plugin_business_model":[],"class_list":["post-123323","plugin","type-plugin","status-publish","hentry","plugin_tags-align","plugin_tags-dropcap","plugin_tags-effects","plugin_tags-type","plugin_contributors-chrisdann","plugin_committers-chrisdann"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/red-balloon-frontend-suite.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

Please note you need to be able to add classes and IDs to elements to use these tools. See Frequently Asked Questions for more information.<\/p>\n\n

** Vertical Equaliser **<\/p>\n\n

Equalises the height of elements on the page. For example, you have 3 columns and you want the title of each to be the same height regardless of its length, so the columns display evenly.<\/p>\n\n

Add the class 'rbveq' and 'rbveq--groupname' to the elements you want to be the same height, where groupname is a unique identifier for that group. So your three titles might look like this:<\/p>\n\n

Foo Bar<\/h3>\n\n

All those elements will now have the same height<\/p>\n\n

By default, elements will not be equalised below 768px, but you can customise the breakpoint by adding the class rbveq-breakpoint--xx to any one of the elements in the group, where xx is the breakpoint below which you do not want the elements to be height-equalised.<\/p>\n\n

** Autotype **<\/p>\n\n

Autotype makes text appear to type itself out once it scrolls into view. Use only on text elements, by adding the class 'rb-autotype' and a unique ID.<\/p>\n\n

For example, if you want a paragraph element to autotype when it scrolls into view you would use:<\/p>\n\n

Lorem Ipsum<\/p>\n\n

** Drop Cap **<\/p>\n\n

Turns the first letter of a paragraph into a drop cap. Simply add the class \"rb-dropcap\" to the text element. So if you want a paragraph element to start with a dropcap:<\/p>\n\n

Lorem Ipsum<\/p>\n\n\n

\n

Can I use these tools with Gutenberg editor?<\/h3><\/dt>\n

You can use Autotype and Drop Cap. Click on \"edit as HTML\" for any text element and add the classes\/id as necessary.<\/p><\/dd>\n

Can I use these tools with my visual builder plugin (DIVI, Elementor, etc)<\/h3><\/dt>\n

If you are able to add classes and IDs to elements then yes. More instructions for individual builders are coming soon. In the meantime please contact me if you need support.<\/p><\/dd>\n

Can I get support?<\/h3><\/dt>\n

Yes. Email me at chris@redballoonweb.com and I will help you implement the plugin on your website.<\/p><\/dd>\n\n<\/dl>","raw_excerpt":"Please note you need to be able to add classes and IDs to elements to use these tools. See Frequently Asked Questions for more information.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/123323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=123323"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/chrisdann"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=123323"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=123323"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=123323"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=123323"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=123323"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=123323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}