WOOEVENT PLUGIN CONFLICT

Hi,

Could you please send us a screenshot how it looks with default WordPress theme so we can understand what issue is caused by our theme and prepare a fix for you?

Thank you

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to make it look better

.archive .products {
        margin: 0 0 1em;
    padding: 0;
    list-style: none;
    clear: both;
}

.products li {
        list-style:none;
    float: left;
    margin: 0 1.5% 40px 0;
    padding: 0!important;
    position: relative;
    width: 32.33333333%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.products li.last {
        margin-right: 0;
}

.products li .product-title {
    padding: 0 25px;
}

.products li .product-title a {
    display:block;
}

.products li a.button {
    margin: 5px 25px;
    margin-bottom: 30px;
}

.products li .shop-we-more-meta {
    margin-bottom:10px;
}

Regards

Add this CSS code also

.no-sidebar .site-content {
	width: 100%;
	left:0;
}

But there are no any widgets in the sidebar or it is hidden by the plugin. Could you please check how it works with default WordPress theme?

Are you able to use the plugin’s sidebar? The plugin replaces our theme template files and that is why our sidebar is not shown there.

In this case, please provide us your FTP access so we can check why the plugin blocks our theme sidebar.

We have fixed this in the file /wp-content/plugins/woo-events/templates/archive-product.php

You are welcome!

It happens because of plugin’s styles. Try to add this code snippet also

div#exmain-content {
	margin-left:-50px!important;
	margin-right:-50px!important;
}

Add this code for mobile devices only

.products li {
	width:100%!important;
}

.products li img {
	width:100%!important;
}

You are welcome!

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce-tabs .owl-stage .owl-item {
	float:left;
}

.woocommerce-tabs .owl-stage:after {
	content:"";
	display: block;
	width:100%;
	clear:both;
}

.woocommerce-tabs .owl-stage-outer {
	overflow:hidden;
}

Regards

You are welcome!

Hi,

Could you please check how it works with default theme? It seems that this plugin defines 3 items per row for mobile devices too, we can’t change this with CSS.

Regards

We mean to test it on your website directly.