Picture alignment in module

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77528

Hi,

I am completely new to hikashop and need a littel help with the alignment of the pictures in a module.

I have set up a random product module to appear on my page but the images appear to be floating to the left. If have looked through the CSS files but cannot find out how to adjust them, can you help?

kind regards

Matt
P.S The module is located at the bottom of the home page

www.kitesyd.dk/new/index.php/en/

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

  • Posts: 13201
  • Thank you received: 2322
11 years 11 months ago #77532

Hi,

Try to apply this property in the Frontend css file in HikaShop > Configuration > Display:

#hikashop_module_104{
    margin-right:-35px;
}

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

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77536

Great that looks much better, many thanks for the supersonic reply ;)

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

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77541

Hi again,

I have just checked some of the other pages and this problem appears on all of my product and catagories lists, can you supply me with piece of code that will sort this out or will I need to enter one for each?

Thanks Matt

Here is another example www.kitesyd.dk/new/index.php/en/hikashop...-listing/reservedele

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #77602

Hi,

Sorry, I don't see your problem in your link.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77605

Hi Jerome,

There are seven catagories listed in the centre of the page, the margin to the left is far smaller than the margin to the right. Problem occurs on every where the products or catagories are listed is there a simple fix for this problem or will I need a piece of CSS code for each and every page?

thanks

Matt

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #77607

Hi

Maybe ?

.hikashop_subcategories {
  marging-right: -35px;
}

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77611

No joy with that I'm afraid ;(

regards,

Matt

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #77612

Hi,

sure ?
I tryed with a memory CSS editor and it removed the margin on the right for the link you gave me.
Just have to add the rule into one of your hikashop custom CSS file.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 23
  • Thank you received: 0
11 years 11 months ago #77725

Hi,

Thanks for that fix, the page looks much better, however I am still having the same problem with the product list

www.kitesyd.dk/new/index.php/en/hikashop...for-products-listing

Do you have a solution for that?

cheers

Matt

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #77734

Hi,

Same rule but for the class "hikashop_products"

.hikashop_products {
  marging-right: -35px;
}
You know, that's CSS question with no direct link with HikaShop.
This FAQ section would help you : www.hikashop.com/en/support/documentation/faq.html#css

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.078 seconds
Powered by Kunena Forum