dajsco

Ok got this to work by pure fluke. Just replace 'embroidered-products', 'vinyl-printed-products' with the name of your specific category and add the code to your child theme functions.php file.

/**
* Hide Sidebar
*/ 
add_action( 'wp', 'woa_remove_sidebar_shop_page' );
function woa_remove_sidebar_shop_page() {

if ( is_product_category( array('embroidered-products', 'vinyl-printed-products')) || is_product()) {

remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
add_filter( 'body_class', 'woa_remove_sidebar_class_body', 10 );
}
}

• This reply was modified 5 years, 5 months ago by dajsco. Reason: add code tags

Got a fix for this. For anyone having same issue add the following to your stylesheet…

@media (max-width: 724px) {
    .wc-block-grid__product {
        flex-basis: 100% !important;
        max-width: none !important;
    }
}

Your a legend thank you. The “” worked.

Sorry, where would i add the custom class?

That doesn’t seem to work. I have implemented the style changes and when checking with google inspect the styles are still controlled by bootstrap.

If you click on the select box and choose logo setup ￡15.00. You will see the checkboxes. None of my style changes are being implemented.

Thanks for your help.

Hi Brozra, Thanks for replying. I changed the field names as suggested and have them in style.css in custom child theme but no matter what I try it wont override the bootstrap. Tried adding same code to ppom style css also and nothing seems to work.

Here is the code I am using, I omitted proper site address for purposes of posting:

.ppom-wrapper input#left, .ppom-wrapper input#right[type="checkbox"], .ppom-wrapper input#center[type="checkbox"], .ppom-wrapper input#back_reverse[type="checkbox"] {margin-left: -18px; border: #000000 2px solid;}

label.form-control-label[for=embroidery_placement] {float:left !important; clear: both !important;}
	
.form-check-label[for=31225-embroidery_placement-left] span.ppom-label-checkbox {position: absolute;width: 100px; margin-left: -16px; margin-top: 100px; background: rgba(22, 11, 121, 0.5); padding: 2px; color: white;font-size: smaller; text-align: center;}

.form-check-label[for=31225-embroidery_placement-right] span.ppom-label-checkbox {position: absolute;width: 100px; margin-left: -15px; margin-top: 100px; background: rgba(22, 11, 121, 0.5); padding: 2px; color: white;font-size: smaller; text-align: center;}

.form-check-label[for=31225-embroidery_placement-center] span.ppom-label-checkbox {position: absolute;width: 100px; margin-left: -15px; margin-top: 100px; background: rgba(22, 11, 121, 0.5); padding: 2px; color: white;font-size: smaller; text-align: center;}

.form-check-label[for=31225-embroidery_placement-back_reverse] span.ppom-label-checkbox {position: absolute;width: 100px; margin-left: -16px; margin-top: 100px; background: rgba(22, 11, 121, 0.5); padding: 2px; color: white; font-size: smaller; text-align: center;}

label.form-check-label[for=31225-embroidery_placement-left] {
	display: inline-block;
	float: left;
	margin-left: -190px;
	margin-top: 50px;
	width: 100px;
	height: 100px;
	cursor: pointer;	
	background-image: url("https://example.com/wp-content/uploads/2019/07/left-chest1.png");
	background-repeat: no-repeat;}

.form-check-label[for=31225-embroidery_placement-right] {
	display: inline-block;	
	margin-top: -90px;
	margin-left: -60px;
	width: 100px;
	height: 100px;
	cursor: pointer;	
	background-image: url("https://example.com/wp-content/uploads/2019/07/right-chest1.png");
	background-repeat: no-repeat;}

.form-check-label[for=31225-embroidery_placement-center] {
	display: inline-block;	
	margin-top: -90px;
	margin-left: 30px;
	width: 100px;
	height: 100px;
	cursor: pointer;	
	background-image: url("https://example.com/wp-content/uploads/2019/07/center-chest1.png");
	background-repeat: no-repeat;}

.form-check-label[for=31225-embroidery_placement-back_reverse] {
	display: inline-block;
	margin-top: -90px;	
	margin-left: 30px;
	width: 100px;
	height: 100px;
	cursor: pointer;	
	background-image: url("https://example.com/wp-content/uploads/2019/07/back-polo1.png");
	background-repeat: no-repeat;}

Is there a way to override bootstrap?

Many Thanks.

Thanks ill give it a go.

Thanks. I don’t think the single product fee is feasible as if more than one product is ordered each product has a setup fee whereas it only needs to be one setup fee per cart.

For e.g. Someone requires text only embroidery which has no setup fee and if they require a logo embroidered there is a one time fee.