cart module styling

  • Posts: 12
  • Thank you received: 0
11 years 1 month ago #166890

-- url of the page with the problem -- : 118.127.42.106/~firstaid/
-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3.3
-- PHP version -- : 5.4.30
-- Browser(s) name and version -- : firefox 31.0

Hi, I have exhausted the forums and documentation, however I still can't get any styling applied to my 'cart module', please see attached screenshot. I have purchase the style packs and I'm using the 'pictureblue' style pack, just about everything else looks great, except for the cart module which I just can't get any styling nor see the cart image? I have uncommented the relevant parts of the css file and followed the documentation regarding styling the module, inclding adding the module class suffix 'moduletable-cart'. Any advice would be greatly appreciated.

Thanks,
Scott

Attachments:

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

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166895

Hi,

Indeed, I checked your website and it has been done properly.
The issue is actually that your template isn't using the standard HTML of modules (for the chrome and the title area) so the CSS of the style file cannot apply to the chroms/title area of the module. That's usually up to the template to decide how to do the style in that case.
So you'll have to add custom CSS code on your website in order to do that because of the template.
For example, to add a cart icon to the cart module title, you can add such CSS:
.moduletable-cart h2{
background: url("your_cart_image_url") no-repeat scroll right center;
padding:10px;
}
The CSS will vary based on the image you want and the CSS of the template so I can't say exactly.

The following user(s) said Thank You: scottm74

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

  • Posts: 12
  • Thank you received: 0
11 years 1 month ago #166963

Hi Mate,

Thank you for the reply, I have tried adding this below to my custom css file for the template as well as to the 'style_pictureblue.css' file, but still no luck? Any ideas?

.moduletable-cart h2{
background: url("media/com_hikashop/images/style_pictureblue/cart_bg.png") no-repeat scroll right center !important;
padding:10px !important;
}

Thanks,
Scott

Last edit: 11 years 1 month ago by scottm74.

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

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 4 weeks ago #166970

Hi,

This looks for the image 118.127.42.106/~firstaid/media/com_hikas...tureblue/cart_bg.png and as you can see if you click on the link, that image doesn't exist. That's why you don't see any change.
Enter a valid URL in your CSS and it will change.
For example:
.moduletable-cart h2{
background: url("../images/style_pictureblue/cart_bg.png") no-repeat scroll right center !important;
padding:10px !important;
}

The following user(s) said Thank You: scottm74

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

  • Posts: 12
  • Thank you received: 0
11 years 4 weeks ago #167124

Hi, OK, got it now, thank you for your help, really appreciate it.

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

Time to create page: 0.057 seconds
Powered by Kunena Forum