Return to previous page

Large Gap Between Product Images and Titles+Prices on Shop Page

This topic has 15 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

imranphp

Participant

February 28, 2018 at 13:26

Hi,
I have installed Blance WP theme. I am facing some issues. Check this page:
http://dcautogen.com/shop
You can see that there is a great gap between product images and titles+prices. I have not changed anything and use latest theme. Can you please tell me how to correct this and look like Demo.
Thank You,
Imran

#186659 Copied

14 Answers
Rose Tyler

Support staff

March 1, 2018 at 16:53
Hello,

We will fix this problem in next theme update, as a temporary fix, please add this code in custom css:
```
#products-grid .product-image, .product-image .img-wrapper, #products-grid .product-image:hover {
    height:  auto;
    position:  static;
    width: 100%;
}
```
To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/blanco directory via FTP and enable it in Blanco – Theme Settings, tick “Enable Custom CSS file”.

Regards
#186856 Copied
imranphp

Participant

March 4, 2018 at 10:56

Thank You for your reply. Your code had fixed this on the Shop page. But the issue is still their for “Related Products” on single product page. Like this:
http://dcautogen.com/product/v2-autogen-12v-controller
Looking forward for your reply.

#187078 Copied
Rose Tyler

Support staff

March 5, 2018 at 08:24
Hello,

Please change previous code to:
```
#products-grid .product-image, .product-slider .product-image, .product-image .img-wrapper, .product-slider .product-image:hover, #products-grid .product-image:hover {
    height:  auto;
    position:  static;
    width: 100%;
}
```
Regards
#187109 Copied
imranphp

Participant

March 5, 2018 at 21:37

Thank You. It worked.

I also want to change the color and font of heading on pages like this:

http://dcautogen.com/downloads

Want to change color and size and font of heading Downloads.

It tried adding h1.entry-title and changing it. It changes font and size but dont changes color. How to change color too.

Thanks.

#187256 Copied

Rose Tyler

Support staff

March 6, 2018 at 08:33

You’re welcome!
You can use your custom css code, simply add !important; – http://prntscr.com/ingmbg

Regards

#187276 Copied

imranphp

Participant

March 8, 2018 at 18:46

Thank You. It worked. Here is another issue where I need your help:
On Single products pages like this: https://dcautogen.com/product/v2-autogen-12v-controller

The thumbnails under main product image don’t have a gap between them. They are merged with each other.

While in demo all thumbnails are nicely arranged with an equal gap (https://www.8theme.com/demo/blanco-wo/shop/jewelry/brilliant-princess-diamonds/)

Thanks.

#187612 Copied

Rose Tyler

Support staff

March 9, 2018 at 08:33

Hello,

You’re welcome!
Try to disable all 3-rd party plugins and then check single product page, if the problem won’t be solved, provide temporary wp-admin and FTP access in Private Content.

Regards

#187637 Copied

imranphp

Participant

March 9, 2018 at 10:47

Thank You for your reply.

We had recently added “Really Simple SSL Plugin” for SSL implementation and mixed content fixing.

The plugin is now disabled. Now when we browse the product page without https: it looks fine. For example: http://dcautogen.com/product/v2-autogen-48v-controller

But when https is added the thumbnail loading animation is not working and thumbnails are mixing with each other. Also the thumbnails size become bigger and blurred.
example: https://dcautogen.com/product/v2-autogen-48v-controller

Hopefully this helps understanding the issue.

Thank You.

#187674 Copied

Rose Tyler

Support staff

March 12, 2018 at 11:57

Hello,

Sorry, but we don’t provide support for 3-rd party plugins as it’s out of our support scope.
If you provide wp-admin and FTP access in Private Content we will check what can to done to help you.

Regards

#187902 Copied

imranphp

Participant

March 12, 2018 at 19:12

Hi,

It is not a plugin issue. The plugin has been disabled. The product page is showing up correctly when accessing it with https (with SSL). It looks correct when accessed with http. Also on mobile version the product page does not show top menu in https.

How can I send you login info privately.

#187957 Copied

imranphp

Participant

March 12, 2018 at 19:13

Plz check login info in private box

Please, contact administrator
for this information.

#187958 Copied

Rose Tyler

Support staff

March 13, 2018 at 08:51

Hello,

The credentials to wp-admin panel are incorrect.
Please check them.

Regards

#187993 Copied

imranphp

Participant

March 13, 2018 at 11:01

Please check below:

Please, contact administrator
for this information.

#188026 Copied

Rose Tyler

Support staff

March 13, 2018 at 11:49

The problem caused by this error of the plugin – http://prntscr.com/iqj8s8 http://prntscr.com/iqj924 http://prntscr.com/iqj9bn the error persist even with the default WC theme – Storefront – https://prnt.sc/iqjdyx. You need to contact support of the plugin to solve this .js problem or set correct settings for the plugin according to WooCommerce Stripe Gateway plugin documentation.

Regards

#188039 Copied
Viewing 15 results - 1 through 15 (of 15 total)