Slider / Carousel module

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : x.x.x
-- Joomla version -- : x.x
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

-- url of the page with the problem -- : erdoverlichting.nl
-- HikaShop version -- : 2.2.0
-- Joomla version -- : 3.1
-- PHP version -- : ?
-- Browser(s) name and version -- : Firefox
-- Error-message(debug-mod must be tuned on) -- : No

I installes a module to display a carousel on my homepage of products I want to be seen first. But 2 things don's work the way I need it to work.

- When I want to display 2 or 4 products, the carousel wil show then vertical to eachother and not horzontal? I would like horizontal like on the demo page
- Also there are 2 tripes above the first picture and 1 stripe above the second picture (item box)? How to remove them?

Greetings jarno

Hi,

Regarding the >, this comes from your template CSS which overrides HikaShop's.
Remove the code:
media="screen"
.art-block ul>li:before {
content: url('../images/blockbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -12px;
}
from erdoverlichting.nl/templates/erdo4/css/template.css and that will remove the >.

Regarding the fact that the products take the whole width of the page, that's because your thumbnails width is configured to 850px so the system reserves enough width for each image and thus it has to display the products one below another. Set the width to 300px for example for your carousel module and it will display both products on the same line.

Thanks Nicolas,

The module still shows the products below echother, I did chage the 850 to 300 and also tried 200. But that didn't work.
The > are gone thanks!! What program do you use to localize the code?

Greetings Jarno

Hi,

From what I can see, the issue is now that you have configured the "number of columns" option of the carousel module to 1 and thus the products display one below the other.

I use Firebug of Firefox to look at the HTML/CSS of the html elements of the page.

Hi,

I would like to change the carousel background colour on my website to white. This is easy to do. The thing is, that the text for the items in thecarousell is white. Where can I change the text colour.

You can use this URL to look at the carousel: www.lesswatts.co.za/products/solar-modul...lus-sw200-vario.html

Regards

Ignatius

Hi icronje,

It should work by adding this code to your (custom) CSS file:
I chose the color "#4DBBC7" because you're using it elsewhere for links. Alternatively, you could use "inherit" instead as well, then it will always be the same color as your other links, even if you decided to change link colors one day.
Of course, you can replace it with any other you prefer.