Return to previous page

PRODUCT ALIGNMENT AND FOOTER COLOR PROBLEM

This topic has 8 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

targer

Participant

August 4, 2016 at 17:31

Hi support,

I need your support to align the product images on the bottom. If you see my home page, there is a row with 4 products (featured, top sell end top rated), each of them has different image proportion so they are not sorted perfectly on the page, but this is not a problem… What i need is to align them on the bottom, so that title and buy button can be on the same row… and then image above them. Is it possible? Would you help me with this? I need the same on my page shop (http://viceversa.wshosting.it/negozio)

After that, I had to change to “on” the option Transparent container, otherwise the image background was darker than page background and looks bad (I don’t know why, since pictures background is #fefefe that is the same of page background color). But after activated the option, my footer color turns white and I’m not able to get it back to black, even if in the footer option the color set is #000000. How can I solve this?

Thank you

Please, contact administrator
for this information.

#135684 Copied Theme version: 2.7.2 WooCommerce version: 2.6.4

7 Answers
Robert Hall

Support staff

August 5, 2016 at 09:43
Hello,

1) Please add this code in Theme Options->Custom CSS->Global Custom CSS.
```
.home .product-image-wrapper {
    height: 260px;
}
```
2) I’ve added this code in Global Custom CSS. Please check.
```
.container-transparent .main-footer,
.container-transparent .copyright{
background-color: #000000 !important;
}
```
Regards,
Robert Hall
#135730 Copied
targer

Participant

August 5, 2016 at 10:40

Thanks Robert for your kindly reply.
The only problem is that now I have TITLE on the same row, but I would like to have the bottom side of the image on the same row too…
Is there a way to do that?
And I need this alignment on shop page, cross sell and upsell too…

#135751 Copied
Robert Hall

Support staff

August 5, 2016 at 12:45
I’ve added the following code in Global Custom CSS. Please check.
```
.home .product-image-wrapper {
    height: 260px;
}
.archive .product-image-wrapper {
    height: 280px;
}
.product-content-image{
    width: 100%;
    height: 100%;
}
.product-content-image img{
    position: absolute;
    bottom: 0px;
    left: 0;
}
```
Regards,
Robert Hall
#135772 Copied
targer

Participant

August 5, 2016 at 13:29

Thanks Robert, but now cross selling (below product description area) doesn’t show images anymore…
Furthermore, I noticed that now some images are left-aligned (see for example spoon on this page http://viceversa.wshosting.it/negozio/)

#135783 Copied

Robert Hall

Support staff

August 5, 2016 at 13:39

I’ve changes some CSS style in Global Custom CSS. Please check.

Regards,
Robert Hall

#135784 Copied

targer

Participant

August 5, 2016 at 14:17

Thanks Robert, but product images still be hidden on cart page: http://www.viceversa-2.dev/carrello/

#135795 Copied

Robert Hall

Support staff

August 5, 2016 at 14:39

Fixed. Something else?

Regards,
Robert Hall

#135798 Copied
Viewing 8 results - 1 through 8 (of 8 total)