Forum Support

Shape 5
April 11, 2021, 10:16:32 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: if i want to put another modul like Involvement  (Read 976 times)
clayid45
Jr. Member
**
Offline Offline

Posts: 12



« on: October 14, 2014, 01:47:20 PM »

what the name of that modul i want to put another modul like them
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 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

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sanaam
Jr. Member
**
Offline Offline

Posts: 10



« Reply #2 on: January 23, 2016, 01:31:39 AM »

Hello, I tried this code and i was unsuccessful with it.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sanaam
Jr. Member
**
Offline Offline

Posts: 10



« Reply #4 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
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sanaam
Jr. Member
**
Offline Offline

Posts: 10



« Reply #6 on: January 26, 2016, 07:35:15 PM »

It worked, thank you Jonah!!
Logged
nelsmy
Jr. Member
**
Offline Offline

Posts: 10



« Reply #7 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
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
nelsmy
Jr. Member
**
Offline Offline

Posts: 10



« Reply #9 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
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #10 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
nelsmy
Jr. Member
**
Offline Offline

Posts: 10



« Reply #11 on: July 26, 2017, 07:35:16 PM »

Hi Jonahh,

Yes, i found it. Thanks for support!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
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.