Bug CSS

Hello,

I got some issues

1. Shop page

https://jipathasupersale.com/shop/ This page got some css issues after I replaced the new icon svg file (with same size everything) http://prntscr.com/mqnhv0

2.The footer http://prntscr.com/mqnkh7 , how come the content’s automatically set in center? I want it naturally on the left side

3. Remove space
We don’t know how to remove the space http://prntscr.com/mqnkqz here at homepage https://jipathasupersale.com/

Please help me to fix it.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

1. You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg>tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

2. Footer http://prntscr.com/mqp3gn

3. Enter the row/column settings > Design Tabs and set zero in the paddings and margins.

Best Regards

Hi,

Thanks for reply.

#3. We tried but don’t see any px in row setting to remove. Can you please take a look?

Thanks

Hello,

I cannot log in. Please check your credentials. You need to insert zero no matter if there are any paddings/margin or not, just insert zero padding, margins both in the row and into the columns

Best Regards

Hi,

I did http://prntscr.com/mqrm1j but nothing changed.

I just reset the user, can you pls try login again?

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .site-content {
    margin-bottom: 0;
}

Best Regards

Hi Elise,

It works, thank you.

I have another css bug for product detail page: https://jipathasupersale.com/product/awesome/

It has strange space here on PC http://prntscr.com/mstz1j (Mobile http://prntscr.com/mstz8x). YOur theme’s product slider doesn’t work well with mixed vertical and horizontal product images.

Please help to fix it.

Thanks.

http://prntscr.com/msvfwb Quick View product has the same issue mentioned above.

Hello,

The issue has been fixed by enabling of “Main carousel auto height” option in the Theme Settings > Product Page > Images

Best Regards

Hi,

http://prntscr.com/msvfwb Quick View product has the same issue mentioned above. Still not fixed yet.

Hello,

Please create a file and save in the route: woodmart-child\woocommerce\quick-view\product-images.php

Then add this code to the file:

<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
global $post, $product, $woocommerce;
$is_quick_view = woodmart_loop_prop( 'is_quick_view' );
$attachment_ids = $product->get_gallery_image_ids();
$attachment_count = count( $attachment_ids );
?>
<div class="images">
	<div class="woocommerce-product-gallery__wrapper">
		<?php
			$attributes = array(
				'title' => esc_attr( get_the_title( get_post_thumbnail_id() ) )
			);
			if ( has_post_thumbnail() ) {
				echo '<figure class="woocommerce-product-gallery__image">' . get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'woocommerce_single' ), $attributes ) . '</figure>';
				if ( $attachment_count > 0 ) {
					foreach ( $attachment_ids as $attachment_id ) {
						echo '<figure class="woocommerce-product-gallery__image">' . wp_get_attachment_image( $attachment_id, apply_filters( 'single_product_large_thumbnail_size', 'woocommerce_single' ) ) . '</figure>';
					}
				}
			} else {
				echo '<figure class="woocommerce-product-gallery__image--placeholder">' . apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woodmart' ) ), $post->ID ) . '</figure>';
			}
		?>
	</div>
<?php 
	if ( $attachment_count > 0 ) {
		woodmart_add_inline_script('woodmart-theme', '
		jQuery(".product-images").imagesLoaded(function () {
			jQuery(".product-quick-view .woocommerce-product-gallery__wrapper").addClass("owl-carousel").owlCarousel({
	            rtl: jQuery("body").hasClass("rtl"),
	            items: 1, 
				dots:false,
				nav: true,
				navText: false,
				autoHeight: true,
			});
		});
		', 'after');
	}
 ?>
</div>

Best Regards

Hello Elise,

Regarding the space issue as you supported here https://xtemos.com/forums/topic/bug-css/#post-110080 You asked me to add to css custom:

body .site-content {
margin-bottom: 0;
}

It doesn’t help because it will cause non-space on other pages like this http://prntscr.com/muxtls . Then I deleted that code out of custom css already.

———–

I think your newsletter block has some issue http://prntscr.com/muxss2 because it has space of both top and bottom.

Please help us to fix it.

Thanks

Hello,

Please replace the code:

body .woodmart-prefooter {
margin-top:-40px;
    padding-bottom: 0;
}

Best Regards

Hi,

As I said, I did insert your new code, but this is the result of the product list page http://prntscr.com/mv04ys (don’t have space)

you can check it here https://jipathasupersale.com/product-category/mattress/

Hello,

Please add this code:

.woocommerce-pagination{
margin-bottom:30px;
}

Best Regards

[Author]

Posts