Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • October 23, 2014 at 8:23 pm #340329
    DianeBenscoter

    Sometimes by columns (1/2 + 1/2) don’t display properly.

    Is there a special shortcode I should use like a “column break” (many themes have this) to “close” the columns?

    Basically, is there a special shortcode I should use at the end of columns?

    Thanks! :)

    October 24, 2014 at 5:26 am #340443
    Josue

    Hi!

    Try wrapping your Column blocks in Color Sections.

    Cheers!
    Josue

    October 24, 2014 at 6:51 pm #340754
    DianeBenscoter

    Hi Josue,

    What are “color sections”?

    Thanks!!

    October 25, 2014 at 3:50 am #340878
    Josue

    Hi!

    This – http://screencast.com/t/VadI3cmJvfpl

    Cheers!
    Josue

    October 26, 2014 at 8:14 pm #341158
    DianeBenscoter

    Hi Josue,

    Can you tell me what the shortcode is (so I can manually insert it)? When I use the visual builder it removes my content.

    Thanks!

    October 27, 2014 at 2:04 am #341261
    Josue

    Hmm, in that case try using an av_hr (separator) shortcode:

    [av_hr class='full' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

    Best regards,
    Josue

    October 27, 2014 at 6:13 pm #341648
    DianeBenscoter

    Hi Josue,

    Do I place this above and below the column shortcode, or just above it (or just below it)?

    Thanks!!

    October 27, 2014 at 7:05 pm #341684
    Josue

    Hey!

    Try putting it below the columns shortcode.

    Cheers!
    Josue

    October 27, 2014 at 8:18 pm #341740
    DianeBenscoter

    Thanks Josue, it does work, but is there another way to make the columns work without having a visible HR (line break)?

    Thanks for your assistance :)!

    October 27, 2014 at 9:05 pm #341783
    Josue

    Hi!

    Try with this then:

    [av_hr class='invisible' height='1' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']

    Best regards,
    Josue

    October 28, 2014 at 5:19 am #341991
    DianeBenscoter

    Hi Josue, it didn’t work: http://screencast.com/t/p3IbPfeAatL

    This is the HTML:
    Shoes of a Servant provides insight into mental manipulation and human vulnerability to extremism.  It challenges us to find ways to prevent dangerous memes from infecting those most at risk of falling prey to carefully packaged lies.

    <hr />

    [av_one_third first]
    <h3>Get Paperback</h3>
    amazon-120x40    barnes-and-noble-120x40

    [/av_one_third]

    [av_one_third]
    <h3>Get eBook</h3>
    amazon-120x40    smash-words-button-122x40

    [/av_one_third]

    [av_one_third]
    <h3>Get AudioBook</h3>
    audible-113x40
    (preview audiobook)

    [/av_one_third]
    <h3>Limited Time Offer</h3>
    For a limited time get an autographed copy of…
    (Include a text link or a purchase button.)

    [av_hr class='invisible' height='1' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']

    <hr />

    <h3>See What Others Are Saying…</h3>
    “Her message about the various forms of systemic and situational evil that are still among us in various masks is as vital today as it was in the try anything new era of the 70′s. I especially valued her “song book” that guides us through each of her challenging chapters.”
    <p style=”padding-left: 30px;”>– Philip Zimbardo, Ph.D., Professor Emeritus Stanford University</p>

    Thanks!!

    October 28, 2014 at 5:43 am #342004
    Josue

    Hey!

    Try adding this at the very end of your theme / child theme functions.php file:

    function shortcode_clearfix_func() {
  return '<div style="display: block; visibility: hidden; clear: both; height: 0;"></div>';
}

function register_custom_shortcodes() {
  add_shortcode('clearfix', 'shortcode_clearfix_func');
}

add_action( 'init', 'register_custom_shortcodes');

    Once you done that, put the [clearfix] shortcode after the floated elements (columns) you want to clear.

    Cheers!
    Josue

    October 29, 2014 at 5:35 pm #342831
    DianeBenscoter

    Hi Josue,

    I added the code to functions.php in child theme and added the [clearfix] into the post.

    The columns still seem to have issues: http://screencast.com/t/NWJis2ur6Vr

    Any other ideas/solutions?

    Thanks!!

    October 29, 2014 at 6:31 pm #342878
    Josue

    Hi!

    Can you post a link to the page in question?

    Best regards,
    Josue

    October 29, 2014 at 7:32 pm #342931
    DianeBenscoter

    Hi Josue,

    Sure thing. We have the site in ‘maint. mode’, which was why I didn’t include the first time. I disabled maint. mode and here is the page in question:
    http://ownyourbrain.org/book/diane-benscoter-shoes-of-a-servant/

    Thanks!!

    October 29, 2014 at 8:32 pm #342965
    Josue

    Hey!

    The problem seems to be related to some break tags between the columns, try adding this to Quick CSS:

    .toggle_content br {
    display: none;
}

    Regards,
    Josue

    November 3, 2014 at 12:53 am #345020
    DianeBenscoter

    Thanks Josue, I added it. Things look nice :)

    Thank you for your help. Hope you had a nice weekend!

    November 3, 2014 at 1:50 am #345023
    Josue

    You are welcome, you too :)

    Regards,
    Josue

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Column Break shortcode’ is closed to new replies.