CSS Theme Minor Issues

[xenobius]

Hello,

 

Ok so will keep it simple. I had 1.4 and installed 1.5.2. I wanted to use old theme but knew it would give me issues. So I simply started a fresh new theme.

 

To my surprise by simply using the default theme, everything screwed up. Here are the issues.

 

Main Page, "Featured products on homepage" display items in a list instead next to each other

http://shop.goldenrosemalta.com/

 

Product Page, The main image overlaps the description

http://shop.goldenrosemalta.com/141-classics-loose-eyeshadow.html

 

Categories show in a list instead next to each other AND there is an additional name next to each category

http://shop.goldenrosemalta.com/37-eyes

 

Thanks a lot for your help. I hope I can fix this because in my opinion, the default theme should have worked perfectly!

 

X

[yaniv14]

1) For Featured products you are missing in product_block li (themes/default/css/global.css - line 296):

margin-right: 10px;

padding: 10px 0;

width: 126px;

 

2) For products image you need to update the large image size in back office -> preferences -> images

change the large_default to 264x264 or 250x250 I am not sure.

 

3) In presta shop original theme the subcategories shows one under the other and not next to each other so its fine,

about the extra text, one text is the name of the category and one name is the description of the category (check one category by changing the text from the name and the description)

[xenobius]

This is awesome! I'm still learning.

 

The only problem I think I had is the sub categories. Is there a way of doing the same as I did for the featured?

 

Thanks a lot for everything as everything worked.

[yaniv14]

It's possible but in categories the images are very small so I don't think that you can fit the category name & description & the image in a small box, maybe if you will give up the description and keep only the image & category name?

In this case you will need to edit category.tpl in themes/default.

decide what you want and I will try to help you.

 

If you want to remove the description you can delete line 87-89 from category.tpl (themes/default)

Also change line 78 from <li class="clearfix"> to <li>

Also change lines 98 & 109 from <div class="content_sortPagiBar"> to <div class="content_sortPagiBar" style="float:left; width:100%;">

 

And add in global.css (themes/default/css):

div#subcategories ul.inline_list li {float:left;padding:0 20px 0 0;text-align:center;}

 

let me know if its working

[xenobius]

Almost there

 

The images are next to each other but the title is next to it too instead of under neat it.

Also there are bullets now

 

http://shop.goldenrosemalta.com/38-face

 

Thanks

[xenobius]

BTW don't worry about the fact that there are no images.

I will be taking care of them soon too

[yaniv14]

Try to add: list-style-type: none; to: div#subcategories ul.inline_list li {float:left;padding:0 20px 0 0;text-align:center;} so it will be:

div#subcategories ul.inline_list li {float:left;padding:0 20px 0 0;text-align:center;list-style-type:none;}

and try to add a new line to the global.css next to the one above:

div#subcategories ul.inline_list li a {display: block;}

[xenobius]

Amazing Works like a Charm!

So glad you're around! Would never have done it!

 

Thanks once again

X