• GoDaddy Community
  • GoCentral | Website Builder
  • GoCentral | Website Builder

    cancel
    Showing results for 
    Search instead for 
    Did you mean: 
    Go to solution

    is it possible to add html code in the gocentral website builder for a flip card gallery

    I am trying to add HTML code for a flip card gallery in the available HTML addition section of website builder, but I am running into issues.  I am not sure if it is beacause the capability is unavailable or that the code I am pasting into the very slim width section to add code is breaking it up to a point where it is no longer properly strung together.  

     

    Can anyone help?

     

    here is the basic code I am trying to enter.

     

    <div class="row">
    <div class="col-sm-3">
    <div class="flip">
    <div class="card">
    <div class="face front">
    <div class="inner">
    <img src="http://vinculumgroup.com/v2/wp-content/uploads/2015/08/nykaa.jpg">
    </div>
    </div>
    <div class="face back">
    <div class="inner text-center">
    <h3>Improved efficiency through automation</h3>
    <button type="button" class="btn btn-default">Know More</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-sm-3">
    <div class="flip">
    <div class="card">
    <div class="face front">
    <div class="inner">
    <img src="http://vinculumgroup.com/v2/wp-content/uploads/2015/08/nykaa.jpg">
    </div>
    </div>
    <div class="face back">
    <div class="inner text-center">
    <h3>Improved efficiency through automation</h3>
    <button type="button" class="btn btn-default">Know More</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-sm-3">
    <div class="flip">
    <div class="card">
    <div class="face front">
    <div class="inner">
    <img src="http://vinculumgroup.com/v2/wp-content/uploads/2015/08/nykaa.jpg">
    </div>
    </div>
    <div class="face back">
    <div class="inner text-center">
    <h3>Improved efficiency through automation</h3>
    <button type="button" class="btn btn-default">Know More</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-sm-3">
    <div class="flip">
    <div class="card">
    <div class="face front">
    <div class="inner">
    <img src="http://vinculumgroup.com/v2/wp-content/uploads/2015/08/nykaa.jpg">
    </div>
    </div>
    <div class="face back">
    <div class="inner text-center">
    <h3>Improved efficiency through automation</h3>
    <button type="button" class="btn btn-default">Know More</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    2 REPLIES 2
    Super User I Super User I
    Super User I
    Solution

    Re: is it possible to add html code in the gocentral website builder for a flip card gallery

    @helpfordom

     

    The only way to add HTML code to GoCentral is to use the HTML widget.  When on the page you want to add the code to, Right Sidebar:

     

    Add a Section > HTML Embed custom code.

     

    Whether what you are trying to do will look good or not, I don't know.  You'll have to give it a try and tweak from there.

     

    HTH! Smiley Wink

     

    Judith
    "Worry is a misuse of imagination." ~Unknown
    New

    Re: is it possible to add html code in the gocentral website builder for a flip card gallery

    I have figured out how to add a widget, using the HTML box. However, even when I add a <div align=center> and </div> to the global widget, the darned thing does not center. It hugs the left side of the page. What am I doing wrong? "align=" is a universally accepted tool for HTML. Does the Website Builder force things left? Is there a workaround?

     

    Thanks! By the way, here's the whole code,  in case I've done something wrong and am missing it:

     

    <div aligncenter”><a id="zl-url" class="zl-url" href="https://www.doctoralia.com.mx/envision-eye-center/oftalmologo/metepec" rel="nofollow" data-zlw-doctor="envision-eye-center" data-zlw-type="big" data-zlw-opinion="false" data-zlw-hide-branding="true">EnVision Eye Center - Doctoralia.com.mx</a></div><script>!function($_x,_s,id){var js,fjs=$_x.getElementsByTagName(_s)[0];if(!$_x.getElementById(id)){js = $_x.createElement(_s);js.id = id;js.src="//platform.docplanner.com/js/widget.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","zl-widget-s");</script>