: Campus Life pages_portfolio two main
: agnaldo December 10, 2016, 06:01:34 AM
The module lost its form.
This happened other day and I solve, but I don't remember what I did to solve it.
http://www.ftsa.edu.br/home/index.php/en/
: Re: Campus Life pages_portfolio two main
: agnaldo December 12, 2016, 08:01:49 AM
anybody?
: Re: Campus Life pages_portfolio two main
: jonahh December 12, 2016, 12:45:18 PM
Hello,
You can add a 0px to the clear:both; style on the 2 DIVs in the code and that will help but it still leaves a space at the bottom. I would just recopy the demo code and paste in the custom HTML module again to be sure its 100% correct and then swap the pictures and text to what you have now.
: Re: Campus Life pages_portfolio two main
: agnaldo December 12, 2016, 01:00:39 PM
I already tried it, but maybe the wrog way.
Can you send me the code in here please?
: Re: Campus Life pages_portfolio two main
: jonahh December 13, 2016, 12:24:08 PM
Here is the code: <div class="pages_portfolio two main">
<div class="pages_padding module_round_box">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner2">
<div class="overlay_centered"><span class="hide_mobile"><span class="s5_videoicon ion-ios-videocam"></span></span>
<h3 class="s5_mod_h3"><span class="s5_h3_first">Main Campus</span> <span class="s5_h3_last">Virtual Tour</span></h3>
<span class="s5_pages_maintext"><span class="hide_mobile">Take a look around the campus and see what we have to offer <br /> <br /></span></span> <br />
<a class="readon noarrow" href="#">Play Video <span class="ion-ios-videocam"></span></a> <a class="readon white" href="#">View All Videos</a></div>
</div>
<div class="overlay_hover_inner"></div>
<img alt="image" src="/demo/campus_life/images/videoback.jpg" /></div>
</div>
</div>
<div class="pages_portfolio two">
<div class="pages_padding module_round_box">
<div class="pages_square">
<div class="pages_50 pages_top_left">
<div class="pages_fontsize">
<h3 class="s5_mod_h3"><span class="s5_h3_first">Campus</span> <span class="s5_h3_last">Life</span></h3>
</div>
Lorem ipsum dolor sit amet, natum aeterno sanctus ei per, fastidii torquatos nam ex.<br><br> An per quando ornatus platonem, suas prodesset vel ad per, fastidii torquatos nam <br><br><a
class="readon noarrow noback" href="#">More Info<span class="ion-android-arrow-forward"></span></a></div>
<div class="pages_50 pages_top_right">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_centered"><a href="#"> <span class="overlay_icon ion-ios-plus-outline"></span> </a></div>
</div>
<img alt="image" src="/demo/campus_life/images/campuslife.jpg" /></div>
</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
<div class="pages_square">
<div class="pages_50 pages_bottom_left">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_centered"><a href="#"> <span class="overlay_icon ion-ios-plus-outline"></span> </a></div>
</div>
<img alt="image" src="/demo/campus_life/images/discoverus.jpg" /></div>
</div>
<div class="pages_50 pages_bottom_right">
<div class="pages_fontsize">
<h3 class="s5_mod_h3"><span class="s5_h3_first">Discover</span> <span class="s5_h3_last">Us</span></h3>
</div>
Lorem ipsum dolor sit amet, natum aeterno sanctus ei per, fastidii torquatos nam ex. An per quando ornatus platonem. <br><br><a class="readon noarrow noback" href="#">More Info<span
class="ion-android-arrow-forward"></span></a></div>
<div style="clear: both;"></div>
</div>
</div>
</div>
|