Clutter issue with J2store once again??

arimakidd · Jun 27, 2019

This was supposed to be fixed, I mean it was really fixed but something happened, I don't know. So when you go to the details page of any of the products the 'Add to cart' button and 'Description' button are jumbled up. Not sure why, this was the css previously given to me.

/*
To shift breadcrumbs to the left
*/
.breadcrumb.zen-reset-list li {
    float: left !important;
}


/*
To fix the clutter on the page with products, description checkout etc.
*/
#j2store-slider-range.ui-slider {
    width: 150px!important;
    float:right;
}
.com_j2store.view-carts #j2store-cart-modules {padding-top: 18px;}
.com_j2store.view-carts .table { width: 100%;}
```[upl-image-preview url=https://www.joomlart.com/forums/assets/files/2019-06-27/1561677480-307033-androidbox.png]
[upl-image-preview url=https://www.joomlart.com/forums/assets/files/2019-06-27/1561677480-474882-beautifulgirls.png]

saguaros · Jun 28, 2019

arimakidd
Hi,

Here is how it looks now: http://prntscr.com/o7sso9

Could you share screenshot illustrate how it should be?

arimakidd · Jun 28, 2019

saguaros the screenshot you sent is not the view that has the issue. If you were to click the title, "Laptop Lenovo" title, to get the details of the product you'll see what I'm talking about. Screenshot is attached.

saguaros · Jul 1, 2019

arimakidd
You can try with this custom CSS:

.j2store-single-product .simple-product .row-fluid {
    margin-bottom: 30px;
}

arimakidd · Jul 1, 2019

Observed your css and had to add it for the downloadable product as well. So I added the following code for the downloadable products page to look good:

.j2store-single-product .downloadable-product .row-fluid {
    margin-bottom: 30px;
}

But it's all sorted now. Thanks.
Solved.