Forum Support

Shape 5
December 05, 2021, 10:20:14 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] 2
  Print  
Author Topic: S5 Image and Content Fader v3 - Remove title and image text  (Read 635 times)
edym
Jr. Member
**
Offline Offline

Posts: 47



« on: November 30, 2014, 09:19:46 PM »

Hi,

I tried to remove text in all title and image text area. But then the Tab Show keep loading and show nothing. How can I fix it? I just want the big banner without any text on it. Thx.

Another question is, after I created an inner page, the top background banner is nothing there. How to change the inner page top banner? Thx a lot.
« Last Edit: November 30, 2014, 10:32:17 PM by edym » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: December 01, 2014, 04:43:06 PM »

Hello,

Please post a URL
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #2 on: December 02, 2014, 04:34:09 AM »

For the frontpage, please see below.
I have the title  1 text there, but leaving "Image 1 Text" empty, then it keeps loading.
http://nathsingc.com/insp/


For the inner page, please have a look of below page. In which position I can replace the sample background banner photo under the top menu? Thx.

http://nathsingc.com/insp/index.php/aboutus
« Last Edit: December 02, 2014, 04:37:28 AM by edym » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: December 02, 2014, 05:08:40 PM »

Hello,

1) You need to have input text in each box that you are using. You should be able to hide it via CSS without any issues:

.jdGallery .slideInfoZone {
display: none !important;}

2) You can control this in the Template Manager > Template Specific. There is an input box for this image.
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #4 on: December 02, 2014, 10:58:13 PM »

Thx I found the image input box.
But where can I find the CSS edit place?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: December 04, 2014, 05:13:05 AM »

Hello,

You would add the CSS I posted in the custom.css file on the server.
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #6 on: December 04, 2014, 11:05:30 PM »

Hi,

I follow your codes and updated the custom.css file. But then the tab under the slider keep loading again. You may have a look.
http://nathsingc.com/insp/
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: December 06, 2014, 02:38:25 AM »

Hello,

It looks like the text is required for the Tab Show to function properly. You might be able to get around this by using a large margin offset for the text instead of display:none; to render it off screen. That or just use a blank space as the text input.
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #8 on: December 06, 2014, 10:19:10 PM »

How can I achieve this? Several < b r / > doesn't work.

I have to type something like below, but I still have to type something in order to have the line break to function.
A < b r / > A < b r / > A < b r / > A < b r / >

But the problem is still not solved, because the Tab Show will just go down to show all slider text.
Please let me know if any work around that works. Thank you.
« Last Edit: December 06, 2014, 10:23:33 PM by edym » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: December 08, 2014, 08:12:29 PM »

Hello,

I can't think of any other workarounds at this time. The Tab Show and Image Fader work together so the text/slides must both be apparent for them to function and overlay properly.
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #10 on: December 10, 2014, 11:32:15 PM »

ok then. I put in title text in Title 1. However, the title text disappeared at width about 690 pixel. See attachment. leaving only the button there.

I see in your Oasis demo site that in the same width the title text is displaying correct. How can I fix it? Thx.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #11 on: December 11, 2014, 02:02:40 AM »

Hello,

It is automatically set to do this due to the width constraints of smaller devices. You can see this in the s5_responsive.css file with the following coding that triggers at 750px or when the mobile menu initiates:

.jdGallery .slideInfoZone h2 {
    display: none;
}

This prevents the text from being squished or overlapped on top of the other modules by removing it specifically on smaller screens.
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #12 on: December 11, 2014, 02:31:52 AM »

It looks a bit odd that only the title is hidden while the buttons are still there. Can we set the title and the button to disappear at the same time?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #13 on: December 11, 2014, 07:20:55 PM »

Hello,

If you add something like this to the custom.css file it should hide it once 750px is hit.


Code:
@media screen and (max-width: 750px) {
  #s5_slideInfoZone { display: none ! important; }
}
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
edym
Jr. Member
**
Offline Offline

Posts: 47



« Reply #14 on: December 11, 2014, 08:57:27 PM »

thx.
Logged
Pages: [1] 2
  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.