Shape 5

Joomla Templates => Oasis - Club => : edym November 30, 2014, 09:19:46 PM



: S5 Image and Content Fader v3 - Remove title and image text
: edym 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll December 01, 2014, 04:43:06 PM
Hello,

Please post a URL


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym 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


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym December 02, 2014, 10:58:13 PM
Thx I found the image input box.
But where can I find the CSS edit place?


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll December 04, 2014, 05:13:05 AM
Hello,

You would add the CSS I posted in the custom.css file on the server.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym 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/


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll 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.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym 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?


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll 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.


:
@media screen and (max-width: 750px) {
  #s5_slideInfoZone { display: none ! important; }
}


: Re: S5 Image and Content Fader v3 - Remove title and image text
: edym December 11, 2014, 08:57:27 PM
thx.


: Re: S5 Image and Content Fader v3 - Remove title and image text
: mikenicoll December 15, 2014, 07:20:27 PM
NP :)