I’m trying to assign an id and some extra classes to a grid8 and row element, however something like [grid8 id=”id_here”] does not work.

I can get around it by making the div myself, but that kind of defeats the purpose and using the shortcode would make it look a lot neater.

Is there way of adding extra classes and other html attributes to shortcode elements?

For example, I would like to do something like:

[grid8 id=”block1″ class=”unfolding_block”]
and have it turn into:

<div id=”block1″ class=”grid8 unfolding_block”>

Because now I have to use manual divs and the shortcodes alternately in the same code and it’s not pretty.

Thanks in advance.

The code you provided should definitely work.

[grid8 id="id_here"]

Each shortcode in Minicorp contains a set of global attributes. Here is a quotation from the Documentation:

Global attributes

All Minicorp shortcodes share few global attributes. These attributes can be assigned to each individual shortcode to provide even more specific styling and functionality.

id – optional attribute. Unique “id” used by advanced HTML users to add custom CSS styles
css_class – optional attribute. Unique “class” used by advanced HTML users to add custom CSS styles
style – inline CSS style. Used by advanced HTML users to add custom CSS styles
tooltip (text of tooltip) – add tooltip to shortcode
tooltip_color (color1 – color4) – change color of tooltip

So the right code should be:

[grid8 id=”block1″ css_class=”unfolding_block”]

Please provide an URL where we could see it in action to inspect why it is not being output. Also please provide the exact shortcode you are using.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Thanks for the quick response. This was exactly the answer I was looking for.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market