Install element shortcode WordPress

Shortcode for link

Copy and paste “shortcode” inside the text, suggested herein to maintain your theme style. To align, use the WordPress editor functions (left, center, and right), while to color any possible items, use a hexadecimal color (Ex: #000000 for black) inside the selected color.

Shortcodes follow:

Link

[RexButton type="go" color="#fff" background="#000" link="https://www.neweb.info/"]Button Example[/RexButton]

Button Example

Options

target=”_self”
border=”#000000″ (border color)
isinsidelink=”false” (Set this option to “true” if you want to use the shortcode inside a block that is a link)

Accordion

You can generate your accordion directly in a builder block, just put the shortcode inside the text editor.

We suggests you to use it in a masonry row, and to put only the accordion shortcode inside the text editor.

The accordion has an header, a content and a footer: the header displays a title and, optionally, an open/close icon; inside the content you put whatever you want; the footer displays a button.

In the example we put a background on the block with the accordion.

Shortcode example:

[RexAccordion][RexAccordionHeader]Title[/RexAccordionHeader][RexAccordionContent]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce magna arcu, eleifend non nisl ac, rhoncus semper urna. Quisque venenatis imperdiet ex non convallis. Curabitur at efficitur risus. Duis quis pretium sapien. Phasellus volutpat risus non vestibulum convallis. Aliquam tristique volutpat mauris ac consequat.[/RexAccordionContent][RexAccordionFooter][/RexAccordion]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce magna arcu, eleifend non nisl ac, rhoncus semper urna. Quisque venenatis imperdiet ex non convallis. Curabitur at efficitur risus. Duis quis pretium sapien. Phasellus volutpat risus non vestibulum convallis. Aliquam tristique volutpat mauris ac consequat.

Header Options

open=”false” (opens the accordion by default)
color=”#000″ (the color of the header content)
view_toggle=”true” (decide if display the open/close icon)

Footer Options

open=”false” (opens the accordion by default)
background=”#000″ (button background)
color=”#FFF” (button text color)
label=”CONTINUE” (button text)

Schedule a row

You can display a single row for a certain period of time using this particular shortcode.

You can set a range, or a minimum display time or a maximum time. The dates follow the format Y-m-d H: i: s.

By setting a start and end time, the row will be displayed for that display time.
By setting only a start time, the row will be displayed indefinitely starting from the entered date.
By setting only an end time, the row will be displayed by posting the post up to the date entered.

You can define the time zone based on which to make comparisons, in case you want to use a different one from the server.

Enter the shortcode in a block of text within the row you want to manage. Add the rexpansive-update-content class to the block to prevent the block from being displayed.

Shortcode example:

[RexpansiveUpdate start_time="2017-01-01 00:00:00" end_time="2118-01-31 23:59:00" time_zone="Europe/Rome"]

Options

start_time=”2018-01-01 00:00:00″ (starting time for displaying the row; format Y-m-d H: i: s)
end_time=”2018-01-31 23:59:00″ (final display time of the row; format Y-m-d H: i: s)
time_zone=”Europe/Rome” (different time zone from the server, for a list of possible time zones follow this link)

Demo Overflow elements

To move the elements one above the other we have expected 6 possible combinations. Below you will find some examples that show you which classes insert inside the boxes.

This type of functionallty works with two adjacent boxes.

Insert the classes inside the box according to the layout chosen.

First case – Insert name classes and manage bottom floating box.

To realize this layout you must insert two classes, while for the others you must insert only one class. For example, to realize the layout N. 1 you must configure the page in this way:

Once you create the boxes with the images and the texts you can open the Block Settings of the first block (see 2) and insert the class name (see 3).

Now you can repeat the procedure on the second box, opening the Block Settings (see 4) that allows you to insert the second class (see 5).

Remember that not all the layouts need two classes, for some of them one is enough. Below a summary of all possible layouts:

1 and 2: Layout with box top and bottom (required two classes on two boxes)

3 and 4: Layout with box left and right (only one class in the box).

5 and 6: Layout with box left and right inside a section (only one class in the box).

Subtotal	0,00€
Total	0,00€

Shortcode for link

Accordion

Title

Schedule a row

Demo Overflow elements

Request information

Send application

Cart totals

Shortcode for link

Accordion

Title

Schedule a row

Demo Overflow elements

Request information

Contacts

Headquarters

Send application

Cart totals