Slider / Carousel module

  • Posts: 64
  • Thank you received: 1
10 years 8 months ago #117918

-- 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

Please Log in or Create an account to join the conversation.

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
10 years 8 months ago #118065

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.

Please Log in or Create an account to join the conversation.

  • Posts: 64
  • Thank you received: 1
10 years 8 months ago #118299

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

Please Log in or Create an account to join the conversation.

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
10 years 8 months ago #118331

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.

The following user(s) said Thank You: jarnodesign

Please Log in or Create an account to join the conversation.

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
10 years 8 months ago #118332

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

The following user(s) said Thank You: jarnodesign

Please Log in or Create an account to join the conversation.

  • Posts: 52
  • Thank you received: 0
9 years 10 months ago #158958

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

Please Log in or Create an account to join the conversation.

  • Posts: 2143
  • Thank you received: 747
9 years 10 months ago #158965

Hi icronje,

It should work by adding this code to your (custom) CSS file:

.hikashop_main_carousel_div.hikashop_subcontainer .hikashop_product_name > a {
  color: #4DBBC7 !important;
}

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.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 9 years 10 months ago by lousyfool.
The following user(s) said Thank You: icronje

Please Log in or Create an account to join the conversation.

Time to create page: 0.091 seconds
Powered by Kunena Forum