[icecast]

this is not the first time that i posted the issue

[icecast]

thank you, the simple solution to all of this was just replacing [one_fourth] shortcode with below. Instead, I have to go thru a month of being told that it cannot be done, or if I have use special classes in pagebuilder … usually your support is very good, but this was a frustrating experience.

<div class=”col-lg-3 col-lg-push-9″>
<div class=”col-lg-3 col-lg-push-3″>
<div class=”col-lg-3 col-lg-pull-3″>
<div class=”col-lg-3 col-lg-pull-9″>

[icecast]

i believe issue may have to do with backend scripts in child functions.php

is it possible to have backend scripts in child functions.php?

[icecast]

it is not a wordpress issue. it is a pagebuilder issue. i re-opened.

[icecast]

I do not like using the pagebuilder, because it does not work as advertised. For example, if I replace the above text “Global” with the svg image below, it does not work. However, that same image works in a non-pagebuilder table as shown in the example below …

Any suggestions to insert “global col-md-pull-9” into the standard minimal table below?

<svg class=”icon-global”><use xlink:href=”#icon-global”></use></svg>

[one_fourth]
[table type=”standard_minimal”]
[trow]
[tcol]
<svg class=”icon-global”><use xlink:href=”#icon-global”></use></svg>
[/tcol]
[/trow]

[icecast]

yes, i used pagebuilder. i don’t understand why you cannot help me just insert the code into the text above?!

[icecast]

here is my set up, still not clear to me how you would add

[spb_column col_el_class=”local” width=”1/4″ el_position=”first”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

Local

[/spb_text_block] [/spb_column] [spb_column col_el_class=”regional” width=”1/4″] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

Regional

[/spb_text_block] [/spb_column] [spb_column col_el_class=”national” width=”1/4″] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

National

[/spb_text_block] [/spb_column] [spb_column col_el_class=”global” width=”1/4″ el_position=”last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

Global

[/spb_text_block] [/spb_column]

[icecast]

where are you placing this and how?

Col 1 add col-md-push-9
Col 2 add col-md-push-3
Col 3 add col-md-pull-3
Col 4 add col-md-pull-9

[icecast]

This reply has been marked as private.

[icecast]

it is still unclear to me how to push / pull 4 columns

the bootstrap example i provided only pushed / pulled 2 columns

[icecast]

the cleaner, most obvious way to go is to insert the bootstrap code into the text section of a normal wordpress page – rather than forcing your pagebuilder integration.

thanks for the help, but i will look elsewhere for a solution. this is just an exercise in futility.

[icecast]

in layout columns, i do not see a content element or text block option that will accept this

<svg class=”icon-broadcast”><use xlink:href=”#icon-broadcast”></use></svg>

[icecast]

i don’t see a column page builder option in the elements section …

i am not looking to add custom html, i just want to use an existing bootstrap solution to reverse column order on browser resize …

in the western world, it is common to read left to right, with content importance also increasing left to right.

on a mobile phone, it makes sense to display the most important content on top, and the least on bottom,
hence the need to reverse column order …

[icecast]

your solution is not clear.

how about just sticking with the bootstrap solution? how would i add a table without shortcodes or pagebuilder? and using the push/pull guideline for 4 columns?

<div class=”row”>
<div class=”col-md-9 col-md-push-3″>.col-md-9 .col-md-push-3</div>
<div class=”col-md-3 col-md-pull-9″>.col-md-3 .col-md-pull-9</div>
</div>

[icecast]

how can you say that it is not possible when i provided the bootstrap link showing that it is possible?!

http://getbootstrap.com/css/#grid-column-ordering