[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fSrU9KE_3QQA7Mf3N07k_CTLIFGtLePCO2oRVgu3C1EM":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"bastywebb","Themeover","https:\u002F\u002Fprofiles.wordpress.org\u002Fbastywebb\u002F",2,10300,93,30,89,"2026-04-04T06:23:15.978Z",[14,39],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":20,"downloaded":21,"rating":22,"num_ratings":23,"last_updated":24,"tested_up_to":25,"requires_at_least":26,"requires_php":27,"tags":28,"homepage":34,"download_link":35,"security_score":22,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"microthemer","Microthemer Lite – Visual Editor to Customize CSS","7.5.3.7","\u003Cp>A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from Google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen.\u003C\u002Fp>\n\u003Ch4>Feature list\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Style anything\u003C\u002Fli>\n\u003Cli>Use with any theme or plugin\u003C\u002Fli>\n\u003Cli>Point & click visual styling\u003C\u002Fli>\n\u003Cli>Code editor (CSS, Sass, JS)\u003C\u002Fli>\n\u003Cli>Sync code editor with the UI\u003C\u002Fli>\n\u003Cli>Customisable breakpoints\u003C\u002Fli>\n\u003Cli>HTML and CSS inspection\u003C\u002Fli>\n\u003Cli>150+ CSS properties\u003C\u002Fli>\n\u003Cli>Dark or light theme\u003C\u002Fli>\n\u003Cli>Custom toolbar layouts\u003C\u002Fli>\n\u003Cli>Work with any CSS unit\u003C\u002Fli>\n\u003Cli>Color picker with palettes\u003C\u002Fli>\n\u003Cli>Slider, mousewheel, keyboard adjustments\u003C\u002Fli>\n\u003Cli>In-program CSS reference\u003C\u002Fli>\n\u003Cli>History\u003C\u002Fli>\n\u003Cli>Draft mode\u003C\u002Fli>\n\u003Cli>Global or page-specific styling\u003C\u002Fli>\n\u003Cli>Import & export\u003C\u002Fli>\n\u003Cli>Light-weight\u003C\u002Fli>\n\u003Cli>Minify CSS code\u003C\u002Fli>\n\u003Cli>Keyboard shortcuts\u003C\u002Fli>\n\u003Cli>Deep integration with Elementor, Beaver Builder, Oxygen\u003C\u002Fli>\n\u003Cli>Multisite support\u003C\u002Fli>\n\u003Cli>Uninstall MT, but keep your edits\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> CSS grid (drag & drop)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> Flexbox\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> Stock SVG mask images\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> Transform\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> Animation\u003C\u002Fli>\n\u003Cli>\u003Cstrong>[Pro]\u003C\u002Fstrong> Transition\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Lite VS Pro\u003C\u002Fh4>\n\u003Cp>This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can \u003Ca href=\"https:\u002F\u002Fthemeover.com\u002F\" rel=\"nofollow ugc\">purchase a license\u003C\u002Fa> (monthly, annual, or lifetime).\u003C\u002Fp>\n\u003Ch4>Useful links\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fthemeover.com\u002F\" rel=\"nofollow ugc\">Website\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fthemeover.com\u002Fintroducing-microthemer-7\u002F\" rel=\"nofollow ugc\">Video docs\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Flivedemo.themeover.com\u002Fsetting-up-demo-site\u002F?create_demo\" rel=\"nofollow ugc\">Live demo\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fthemeover.com\u002Fforum\u002F\" rel=\"nofollow ugc\">Support forum\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.facebook.com\u002Fgroups\u002Fmicrothemer\" rel=\"nofollow ugc\">Facebook group\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Author note\u003C\u002Fh4>\n\u003Cp>Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation.\u003C\u002Fp>\n\u003Cp>I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!\u003C\u002Fp>\n","A visual editor to customize the CSS styling of anything on your site - from Google fonts to responsive layouts.",10000,2608688,100,44,"2026-03-04T14:30:00.000Z","6.9.4","6.0","5.6",[29,30,31,32,33],"css","customize","google-fonts","responsive","visual-editor","https:\u002F\u002Fthemeover.com\u002Fmicrothemer","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fmicrothemer.zip",0,null,"2026-03-15T15:16:48.613Z",{"slug":40,"name":41,"version":42,"author":5,"author_profile":6,"description":43,"short_description":44,"active_installs":45,"downloaded":46,"rating":22,"num_ratings":47,"last_updated":48,"tested_up_to":49,"requires_at_least":50,"requires_php":27,"tags":51,"homepage":57,"download_link":58,"security_score":59,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"divup-content","DivUp Content","2.7","\u003Cp>\u003Cstrong>NOTE\u003C\u002Fstrong>: This plugin was originally created to solve the issue of splitting classic editor content into divs, using shortcodes. On Sept 27th, 2022, I tested to see how this plugin works with Gutenberg and it actually still works fine (because the divs are rendered AFTER Gutenberg does it’s thing). But it’s worth mentioning that there is a \u003Cstrong>Group\u003C\u002Fstrong> block in Gutenberg that serves the same purpose, and might be more intuitive than working with shortcodes for some users. That said, if you’ve disabled Gutenberg in favour of the classic editor, this plugin is still useful. And although I’m not adding new features, I will fix any bugs people report.\u003C\u002Fp>\n\u003Cp>Now on to how it actually works:\u003C\u002Fp>\n\u003Cp>Separate your WordPress post or page content into divs with (optional) \u003Cstrong>custom CSS classes and ids\u003C\u002Fstrong>. Adding the shortcode \u003Cstrong>[divup]\u003C\u002Fstrong> in between some content will split the content into 2 \u003Cstrong>separate divs\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>You can enter as many [divup] shortcodes to a post or page as you like. Great for creating \u003Cstrong>columns\u003C\u002Fstrong> of content for magazine style websites while keeping shortcode markup to an absolute minimum. DivUp Content never uses inline styles, but it does automatically give divs fiendishly clever classes like first, last, div-1, div-2, div-3, and div-odd, div-even, mul-3, mul-4 (multiple of 1,2,3,4 etc). You can then create your own style rules for the divs in style.css or with \u003Ca href=\"http:\u002F\u002Fthemeover.com\u002F\" rel=\"nofollow ugc\">Microthemer\u003C\u002Fa> (a visual design CSS plugin for customizing WordPress sites).\u003C\u002Fp>\n\u003Ch4>3 Column Example CSS\u003C\u002Fh4>\n\u003Cp>The CSS for a \u003Cstrong>3 column layout\u003C\u002Fstrong> could be:\u003C\u002Fp>\n\u003Cp>.divup-wrap {\u003Cbr \u002F>\n    display: grid;\u003Cbr \u002F>\n    grid-template-columns: repeat(3, 1fr);\u003Cbr \u002F>\n}\u003C\u002Fp>\n\u003Ch4>6 Column Example CSS\u003C\u002Fh4>\n\u003Cp>For a \u003Cstrong>6 column layout\u003C\u002Fstrong> (with gaps), you would just change the CSS to:\u003C\u002Fp>\n\u003Cp>.divup-wrap {\u003Cbr \u002F>\n    display: grid;\u003Cbr \u002F>\n    grid-template-columns: repeat(6, 1fr);\u003Cbr \u002F>\n    gap: 2rem;\u003Cbr \u002F>\n}\u003C\u002Fp>\n\u003Cp>For more complex grid layouts with content spanning different numbers of columns and rows, you may find \u003Ca href=\"http:\u002F\u002Fthemeover.com\u002F\" rel=\"nofollow ugc\">Microthemer\u003C\u002Fa>‘s visual controls for generating the CSS grid rules quite handy. Just select the .divup-wrap element when editing with Microthemer, and then position the grid items however you like using drag and drop.\u003C\u002Fp>\n\u003Ch3>Features added\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>NEWEST\u003C\u002Fstrong>:\u003Cbr \u002F>\nAdded support for adding custom HTML attributes to divs\u002Fspans. Use [startwrap custom=’title: read this’] or [divup custom=”data-src:image.jpg”] (the custom attribute can be applied to both [startwrap] and [divup] shortcodes.\u003Cbr \u002F>\nYou can also do[startwrap custom=’title: read this|required:some value’] (seperate with a | pipe character for multiple)\u003Cbr \u002F>\nWhen using [divup], two divs will be created. To apply custom attributes to the first and second divs use a comma e.g.[divup custom=”data-src:image1.jpg, data-src:image2.jpg”]\u003C\u002Fp>\n\u003Cp>\u003Cstrong>NEWER\u003C\u002Fstrong>:\u003Cbr \u002F>\nAdded support for span elements. Use [startwrap type=’span’].\u003Cbr \u002F>\nAdded support for no superfluous child elements. Use [startwrap parent=0] or [startwrap parent=’false’].\u003C\u002Fp>\n\u003Cp>\u003Cstrong>NEW\u003C\u002Fstrong>: You can also add multiple [startwrap] and [endwrap] shortcodes to control how the divs are wrapped in a wrapper div. This overrides the original auto-wrapper functionality if you choose to use it.**\u003C\u002Fp>\n\u003Cp>The best way to understand how DivUp Content works (including the advanced aspects) is to **copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with your browser (Right-click > Inpsect) ** – paying attention to the CSS classes it automatically applies to the divs.\u003C\u002Fp>\n\u003Ch3>Dummy Content 1\u003C\u002Fh3>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup class=’my-class diff ‘]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup id=’my-id’ class=’diff my-class2′]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup class=’diff’]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Ch3>Dummy Content 2\u003C\u002Fh3>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[startwrap class=”my-wrap-class another-wrap-class”]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[endwrap]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[startwrap id=”my-wrap-id” class=”hello-wrap”]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup class=’my-class diff ‘]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup id=’my-id’ class=’diff my-class2′]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup class=’diff’]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[divup]\u003C\u002Fp>\n\u003Cp>Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.\u003C\u002Fp>\n\u003Cp>[endwrap]\u003C\u002Fp>\n","Wrap divs around classic editor content using divup shortcodes. Also works for Gutenberg, but you may prefer to use the group block.",300,21804,4,"2022-09-27T10:24:00.000Z","6.0.11","2.8",[52,53,54,55,56],"classic-editor","column-layout","columns","css-grid","split","https:\u002F\u002Fen-gb.wordpress.org\u002Fplugins\u002Fdivup-content\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fdivup-content.zip",85]