My Loyal Team issue

Greetings,
Could you please help me to make the big title text MY LOYAL TEAM to short the words until appear just TEAM word effect on mouse over on module content like it works to CHECK OUT MY HOT WORKS ( where on mouse over remain just WORK ) and MY COZY BLOG ( where on module content mouse over remain just BLOG ) ?

Hi

To have such effect You need to use scrollReveal. You can simply put is into HTML, like this:

Code: Select all

<h3 class="header scroll-revealed " data-scroll-reveal="enter right and move 50px over 0.45s" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true"><span>Check</span><span>out my</span><span>hot<i class="gk-icon-flame"></i></span><span>works</span></h3>


I'm talking about the module title My[icon-star][br]loyal[br]team effect. I need it to work like the others module titles ...

Hi

If it's for module's header than all You need to add id module class suffix: overlay-2x2

Than important thing is to divide words into sections by using [br] between them.

Hi there, I've checked the module settings. did your sugestion but nothing on this issue was repaired. You can also check this issue in team module on your demo. also there is a problem with the z-index of the title. Please check your demo to see the issue and advice about.

Hi

I think I must not understood what the issue is. Everything works ok on my copy of this template. Please try to explain what is the problem one more time so I'll pass it to programmers so they may come up with a better idea.

Hi there,
Please check http://postimg.org/image/5c6d2gajx/ where you can see the issue explained. The image was taken from your demo page https://demo.gavick.com/joomla25/john/ this is also on the template installed on second server from original quickstart.
Please advice.

Hi

It's not an issue. It was designed like that. Headers has z-index:1 on purpose not to interfer with the possible module content. You can adjust headers layer with this code in override.css

Code: Select all

.box.big-title .header {
    z-index: 10;
}

I need to make the title of the module shown in fronted to be readable " My loyal team " not having the last word in the title behind an image . and to work on mouse over like the other module titles ...

Hi

The code I gave You will show the title over the image. I'm afraid the effect is only attached to modules displayed in mainbody area. You may try to move it there.

The effect ( of scrolling title until the last word on mouse over content ) is working not only in mainbody ( My cozy blog module works well on bottom3 ) ... I've swiched the module with the issue and also the modules that work well between positions and doesn't solve the problem . The problem is somewhere else. Please advice.

Hi

I'm sorry, but I have no idea how to solve this problem. I was not able to copy the show/hide effect in any place except main body in the copy of the site I have installed on my server. This is why I think that developers has not implemented it like that.

Hi

No, wait. You are right. I've just found "My Cozy Blog" title working like that in demo (not in my copy apparently). I think something is wrong with my installation. I've probably used it to solve a different issue and did not noticed it destroyed this part. Please send me an access to Your site so I'll try to do this directly on Your website.

Hi

I've send an access to Your site to programmers. When they will answer me how this can be done I'll let You know.

Hi

Please add module class suffix "title-right" or "title-left" to modules where You wish to change the header.

Than add this code to override.css:

Code: Select all

.box.title-left {
    padding-top: 150px!important;
}
.box.title-left .header {
    top: 30px;
    z-index: 2;
}


make sure override is enabled in template settings.

test it ! ... the position of the title is ok now BUT ... the effect is working ( the scrolling until last title word on mouse over module content ) it is working ONLY on RIGHT. if you put all module titles on left the effect doesn't work.

Hi

I've send it back to programmers. Will inform You when I'll get an answer.

Hi

It was working already. Problem was that You had 2 modules "My loyal team" and we both must have been checking it with the one disabled

I left it there just for testing the left and right module title position ...

the module suffix that make the title work correctly is " big-nav big-title icon-color2 title-left title-right overlay-2x2 ", anyway ... thank you all for the support solving the issue! See u around !

Hi

No problem. Glad I could help. Thread closed.