Overlay Text

On your demo: http://demo.gavick.com/joomla25/musicstate/
when you hover over one of the images on the home page in the Featured Artists Section you see the text nicely centered and looks good... on the quick start install I did... I just see the image title tag... the code in the custom HTML module is:
<a href="/band-members/paul-kingery" title="John Smith">
<img src="images/band_pk.jpg" alt="John Smith" />
</a>

(same code as you guys had, just swapped out image for mine).

What should it be? i didnt put the link in as it isn't ready for live but that shouldnt be needed - I used the default quickstart install.

Do you edit the module with tinyMCE on or off?

I am using JCE as my editor... why would that have an impact? Code isn't getting stripped out or anything.
I also have tried it with this: <div class="gkPhoto"> and also using that gkPhoto module suffix... nothing.
Just sent you a PM with site url.

By the way, the text I am talking about is the overlayed text on the image... where it has their name or whatever.

Any help?

Why do they sometimes ask what seems like a random and unhelpful question and just disappear?

Hi

I was asked @WebWorx in a different thread to answer here as well.

First please do not bump Your own threads, each bump rewrites the date of the question and pushes it to the end of the line and it takes longer to answer.

What @Cyberek had in mind is that this module is using a HTML5 code which will be stripped by editor on save, so to make changes to it You need to disable editor and make the changes on clear HTML code. Do You understand now ?

Exactly as Teibite said...
Please switch editor from "tinyMCE" to "no editor" in global Joomla configuration, then replace the html text with original one and edit it again. It should solve the problem.
If You don't have the original html, please write here, Ill provide it to you.

Not sure what you mean bump the threads... but would be nice if people can ask us a question with a potential solution... or at least put nuances like this in the template notes... waiting 2 days for an answer as simple as this is a bit much.

I switched it to no editor...
Put in this code: <div class="gkPhoto"><a title="Joe Public" href="#" target="_blank"> <img src="images/band_dh.jpg" alt="Joe Public" /></a></div>

and same issue.
Is that code wrong? My method wrong?

Exactly as Teibite said...
Please switch editor from "tinyMCE" to "no editor" in global Joomla configuration, then replace the html text with original one and edit it again. It should solve the problem.
If You don't have the original html, please write here, Ill provide it to you.

Bumping questions in answering your own question. We have here a queue of questions and every repeat to your own question puts you on bottom of the list, so you wait longer.

On the forum you will find a lot of threads about problems with content disappearing, animations not working etc after reading. Most of users do search and have result just in few seconds. Some ask - and then wait for answer. Sometimes you get strange question to figure something out - and it might sound as stupid, out of nowhere question, but as it goes in this example - its a bulls eye shot giving us a clue what you did wrong.

Ps - putting comments in code would be also stripped by tineMCE - and this is not as much a problem of our templates but a general problem of Joomla...
And still most users prefer to use tinyMCE's features over bare html editor - so it stays on (we had much more questions when for test purpose tinyMCE was disabled).

I hear what you are saying. I always look around first - if not to get the complete answer to get a partial answer and then sort it out on my own.. no offence but going through the forum for tech support, which a lot of companies do is a pain.. I only do it as a last resort. I am a vendor to others so I have done your job as well and I always try to anticipate what the user is going to ask or needs - ie. I would have put a more complete answer in with the code... and put more in there than just ask a question - I know where you were trying to go with it and already tested that... but then again, I probably have been coding longer than you have been alive and so have more experience with dealing with users... I use to do machine line code and "hard c" back in the late 80's and early 90's... anyways - I put in my code and my process... you didnt respond to that... please let me know where my code and process is flawed. Thanks again for your time.

Bumping questions in answering your own question. We have here a queue of questions and every repeat to your own question puts you on bottom of the list, so you wait longer.

On the forum you will find a lot of threads about problems with content disappearing, animations not working etc after reading. Most of users do search and have result just in few seconds. Some ask - and then wait for answer. Sometimes you get strange question to figure something out - and it might sound as stupid, out of nowhere question, but as it goes in this example - its a bulls eye shot giving us a clue what you did wrong.

Ps - putting comments in code would be also stripped by tineMCE - and this is not as much a problem of our templates but a general problem of Joomla...
And still most users prefer to use tinyMCE's features over bare html editor - so it stays on (we had much more questions when for test purpose tinyMCE was disabled).

Sorry, your answer came while I was typing the replay and I haven't seen it....
Could you post an url to your site to a place where I can see this code?

NVM, I have found the link in private message.

I cant put my site URL on here... I PM'd you with it 2 days ago... but here is the code... I posted this post in this thread about 15 minutes ago:

I switched it to no editor...
AND I Put in this code:
<div class="gkPhoto"><a title="Joe Public" href="#" target="_blank"> <img src="images/band_dh.jpg" alt="Joe Public" /></a></div>

Is that code wrong? My method wrong?

Sorry, your answer came while I was typing the replay and I haven't seen it....
Could you post an url to your site to a place where I can see this code?

Ok, now I see the problem...
On our demo site module is set differently than quickstart demo pacakge.
Thats why images and overlapping text renders differently.

To render this look you should use suffixes: "gkJSFeed gkJSFeedType-user" instead of "custom gkPhoto", and then use this custom html code:

Code: Select all

<a href="http://en.wikipedia.org/wiki/Cory_Wells" class="gkAvatar" style="background-image: url('/images/band_cw.jpg');">
         <span><em>Cory Wells</em></span>
</a>


Now it should give you something to start with.

Cool - worked... thanks quick question on this though - made the pic a bit tall/long... not natural size of pic... distorted the image a little bit. Anyway to fix that? Also, I have a problem that I posted in another thread about making the discography k2 category show 2 columns properly.

Ok, now I see the problem...
On our demo site module is set to take its source from joomsocial plugin instead of k2/standard J article.
Thats why images and overlapping text renders differently.

To render this look you should use suffixes: "gkJSFeed gkJSFeedType-user" instead of "custom gkPhoto", and then use this custom html code:

Code: Select all

<a href="http://en.wikipedia.org/wiki/Cory_Wells" class="gkAvatar" style="background-image: url('/images/band_cw.jpg');">
         <span><em>Cory Wells</em></span>
</a>


Now it should give you something to start with.

Please edit: /templates/gk_musicstate/css/override.css and add at its end:

Code: Select all

.gkJSFeedType-user > a {height: 328px;}


Remember to enable "CSS override" in template settings - advanced section.

Whats even better - to have the best quality pictures you should crop them to 197x328px and upload with this size.

With the other question - please wait for the answer in the other thread. In most cases we don't interrupt each other on helping users.

Ps - the difference between demo and quickstart is due to fact, that demo uses JomSocial as a source of the data for the grid (this is 3rd party commercial plugin). But I have pointed out to our devteam, that we can mimic demo behave on quickstart package the way we did in your case - just by changing some settings.

Thanks for your help. You can close this out... I am good to go on it... hopefully the other thread will be equally sorted out.

Ps - the difference between demo and quickstart is due to fact, that demo uses JomSocial as a source of the data for the grid (this is 3rd party commercial plugin). But I have pointed out to our devteam, that we can mimic demo behave on quickstart package the way we did in your case - just by changing some settings.

Ok. Closing the topic.