Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5895

    seamtv
    Participant

    Hi there, just trying to get a handle on how to put several of your Content boxes on the same line together. No matter how I format the shortcodes, they keep forcing each content box onto a new line.

    For example, in the text editor (not visual editor), I have the following code for two boxes:

    [intense_content_box title="Box One Title" background="#ffffff" link="http://www.google.com" link_text="Learn More..." width="33%" icon="film" icon_stack_color="#f5910e" position="insidetop"]Some text for the box[/intense_content_box][intense_content_box title="Box One Title" background="#ffffff" link="http://www.google.com" link_text="Learn More..." width="33%" icon="film" icon_stack_color="#f5910e" position="insidetop"]Some text for box 2[/intense_content_box]

    They never appear next to one another but only one above the other. Any ideas?

    #5898

    Intense Visions
    Keymaster

    Hello!

    The easiest way to put content boxes on one line is to use a “Layout Row”
    shortcode with a number of columns. This will keep the content boxes on the
    same line. Below is an example of the [intense_row] and [intense_column]
    shortcodes that create a three column row. I have added a content box into
    each column (in bold).

    [intense_row]
    [intense_column size="4" medium_size="4" small_size="12"
    extra_small_size="12"]
    [intense_content_box title="Performance" icon="adjust"
    icon_stack_type="stop" position="inside"]
    This is a test
    [/intense_content_box]

    [/intense_column]
    [intense_column size="4" medium_size="4" small_size="12"
    extra_small_size="12"]
    [intense_content_box title="Performance" icon="adjust"
    icon_stack_type="stop" position="insidetop"]
    This is a test
    [/intense_content_box]

    [/intense_column]
    [intense_column size="4" medium_size="4" small_size="12"
    extra_small_size="12"]
    [intense_content_box title="Performance" icon="adjust"
    icon_stack_type="stop" position="insidetop"]
    This is a test
    [/intense_content_box]

    [/intense_column]
    [/intense_row]

    If you need more help, please let us know.

    Thanks,

    Josh

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.