Forum Support

 
Advanced Search


[1]

Offline clayid45
Free Member
Posts: 12
Posted on: October 14, 2014, 01:47:20 PM

what the name of that modul i want to put another modul like them
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: October 15, 2014, 05:39:00 PM

Hello,

This is just a custom HTML module in the bottom_row1_1 position. The default coding for this module is below:

Code:
<br><br>

<div class="s5_is" style="float:left; width:31%; margin-right:15px; margin-bottom:15px">
<img alt="" src="images/image1.jpg"></img>
<div class="s5_is_slide">
<h3>Help <span class="s5_highlight">Starving Kids</span></h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>

<div class="s5_is" style="float:left; width:31%; margin-right:15px; margin-bottom:15px">
<img alt="" src="images/image2.jpg"></img>
<div class="s5_is_slide">
<h3>Defend <span class="s5_highlight">the Powerless</span></h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>

<div class="s5_is" style="float:left; width:31%; margin-right:15px; margin-bottom:15px">
<img alt="" src="images/image3.jpg"></img>
<div class="s5_is_slide">
<h3>Get <span class="s5_highlight">Your City Involved</span></h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
Logged

Offline sanaam
Free Member
Posts: 10
Posted on: January 23, 2016, 01:31:39 AM

Hello, I tried this code and i was unsuccessful with it.
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 25, 2016, 02:05:25 PM

Hello,

Please try the following, the above was a little off:

Code:
<br><br>

<div style="float: left; width: 31%; margin-right: 15px; margin-bottom: 15px; display: block;" class="s5_is">
<img src="/demo/big_picture/images/image1.jpg" alt="">
<div class="s5_is_slide"><div class="s5_is_display">
<h3>Help <span class="s5_highlight">Starving Kids</span></h3>
This is dummy text. You can add any text or html markup here.
</div></div>
</div>

<div style="float: left; width: 31%; margin-right: 15px; margin-bottom: 15px; display: block;" class="s5_is">
<img src="/demo/big_picture/images/image2.jpg" alt="">
<div class="s5_is_slide"><div class="s5_is_display">
<h3>Defend <span class="s5_highlight">the Powerless</span></h3>
This is dummy text. You can add any text or html markup here.
</div></div>
</div>

<div style="float: left; width: 31%; margin-right: 15px; margin-bottom: 15px; display: block;" class="s5_is">
<img src="/demo/big_picture/images/image3.jpg" alt="">
<div class="s5_is_slide"><div class="s5_is_display">
<h3>Get <span class="s5_highlight">Your City Involved</span></h3>
This is dummy text. You can add any text or html markup here.
</div></div>
</div>
Logged

Offline sanaam
Free Member
Posts: 10
Posted on: January 25, 2016, 03:39:30 PM

Thank you, it worked!

What about the section under it that states "get involved today and make someones life better" with the contact button under it.
« Last Edit: January 25, 2016, 03:46:43 PM by sanaam »
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 26, 2016, 01:10:30 PM

Great!

That is the following code published to the bottom row 2_1 position:

Code:
<br>
<center>
<span style="color:#ffffff;font-size:2.3em;font-weight: 300;text-transform: uppercase;" class="s5_highlightfont">
Get involved today and make someones life better!
</span>
</center>
<br>
<br>
<center><a class="s5button" href="#">Contact Us</a></center>
Logged

Offline sanaam
Free Member
Posts: 10
Posted on: January 26, 2016, 07:35:15 PM

It worked, thank you Jonah!!
Logged

Offline nelsmy
Free Member
Posts: 10
Posted on: July 25, 2017, 01:07:05 AM

Hi, i got a little problem on this module. I can't see the black transparent that slide up.
Kindy refer to the attachment for the screenshot.
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: July 25, 2017, 11:17:53 AM

On the demo its powered by the info slide feature in the template. Be sure its enabled in your Vertex admin area and then you have the custom HTML setup properly. We have a tutorial link on the page here:

http://www.shape5.com/demo/big_picture/index.php/features-mainmenu-47/template-features/info-slide-enabled
Logged

Offline nelsmy
Free Member
Posts: 10
Posted on: July 25, 2017, 07:03:17 PM

Hi,

I still can't find where i can enable it. Kindly screenshot me the tutorials.

Thanks!
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: July 26, 2017, 11:32:00 AM

The best way to explain would probably be the steps in the admin, so go to:

extensions > templates >styles

On the styles page select Big Picture and Vertex will load. Then select "JavaScripts" and you'll see the option to enable info slide there.
Logged

Offline nelsmy
Free Member
Posts: 10
Posted on: July 26, 2017, 07:35:16 PM

Hi Jonahh,

Yes, i found it. Thanks for support!
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.029 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.