transparent background of text only showing on frontpage

  • ch_81
  • Topic Author
  • Visitor
  • Visitor
15 years 3 weeks ago #219 by ch_81
Hi,
first of all: this module is great, keep up the good work! ;)

However, I encountered a little problem: the transparent background image of the text shows fine for all images on the frontpage ("Home"), but it disappears if I navigate to any other menu item. After switching back to the frontpage, the transparent background is displayed again.
I tried several templates and different module positions on separated joomla installations, but the problems still remains the same. ???

I'm using Joomla 1.5.15, HOT Image Slider 1.0.2.

Any suggestions?

Greetings,
charly

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
15 years 3 weeks ago #220 by milos
It sounds really weird. I have to examine HMTL of your pages in order to tell you more. If you can, please give me link to your site.

Please Log in to join the conversation.

  • ch_81
  • Topic Author
  • Visitor
  • Visitor
15 years 3 weeks ago #222 by ch_81
Unfortunately the site runs locally on xampp, thus I can't yet provide an url.
The strange thing is: I already tried different templates, including the joomla standard template, but the behaviour is always the same. Furthermore it doesn't matter which module position I use or which other modules/plugins are activated.
Maybe I'll give it a try on a completely new xampp installation.

Please Log in to join the conversation.

  • ch_81
  • Topic Author
  • Visitor
  • Visitor
15 years 3 weeks ago #223 by ch_81
I just found out the reason for this problem! (Exactly one minute after my last post :))
After deactivating the option for SEF in the global configuration, the transparent background appears on all pages!

Doesn't anyone else use the built-in SEF option in combination with this module?! Maybe this behaviour is reproducable?!
I'll give it another try with a SEF component like Artio, etc. and see what will happen.


-->I just installed Artio Joomsef and tried again: it appears that the transparent background works well on menu items linking to uncategorized articles. But if the article of the menu item is assigned to a category/section, the SEF-URL is composed of the category/section and the article name and: the transparent background disappears again!
e.g.:
Article_1 is uncategorized --> URL: http://localhost/article_1 --> transparent text background shows up!
Article_1 is assigned to category xyz --> URL: http://localhost/xyz/article_1 -->transparent text background disappears!

Any suggestions?

Please Log in to join the conversation.

More
14 years 7 months ago #1184 by jembrose
I ran into the same problem recently. The CSS of Hot Image Slider uses relative links to point to its background image (the transparent background where the text & buttons go). When you use SEF, the urls of your pages change which breaks relative links. That's why the bar shows up on the home page and not deeper in the site.

View the source of your page with the problem and look for the following css code, the problem is highlighted blue:

div#header_hotslider div#slide-holder div#slide-controls {
left:0;
top:10px;
width:492px;
height:46px;
display:none;
position:absolute;
background:url(modules/mod_hot_image_slider/images/slide-bg.png) 0 0;
}

To fix it:
• open modules/mod_hot_image_slider/tmpl/default.php
• Search for "background:url" - this takes you right to the line you need to edit. (Line 56 for me)
• Change the url from modules/mod_hot_image_slider/images/slide-bg.png to
Code:
http://www.yourdomain.com/yourpathtojoomla/modules/mod_hot_image_slider/images/slide-bg.png

Basically you tell the module to use an absolute path instead of a relative path for the background image. I don't know php well enough, but I'm sure there is a better way to do this using jpath or something, but this works for me.

Please Log in to join the conversation.

  • okjak
    Inactive member
  • New Member
  • New Member
More
13 years 7 months ago #8075 by okjak
Actually adding a slash is enough and that's much more portable fix ;)

So just change the line to:
background:url(/modules/mod_hot_image_slider/images/slide-bg.png) 0 0;

Please Log in to join the conversation.

Time to create page: 0.158 seconds
Powered by Kunena Forum