[maidomall]

thanks for the solid support!

[maidomall]

ah figured it wasn’t in customize.

#e3e3e3 if you can

thanks

[maidomall]

thanks for the quick reply as always Kyle!

how about the background color?

seems like I’m definitely missing something cause haven’t been able to figure it out at all

[maidomall]

Thanks for the reply.

Would it be possible to have the fix also work even if number of products displayed has been changed by

// Display 24 products per page. Goes in functions.php
add_filter( ‘loop_shop_per_page’, create_function( ‘$cols’, ‘return 24;’ ), 20 );

[maidomall]

This reply has been marked as private.

[maidomall]

I’ve managed to align the image with:

.products-mini img {
margin-top: 42px !important;
}

but it’s still not aligned properly with the carousel and doesn’t seem like a good permanent solution.

if anyone has a solution to the extra room below the products mini carousel please let us know!

[maidomall]

I’ve also tried the solution posted by a user from:

http://support.swiftideas.net/forums/topic/homepage-carosel-errors/

but the css didn’t fix my problem for the mini-size carousel product title.

[maidomall]

This reply has been marked as private.

[maidomall]

Hi,
No worries, these support forums have helped me a lot!

also if your title is looking squished on mobile devices remember to set width back to 100% in the media query.

@media (max-width: 600px) {
.woocommerce div.product .entry-title {
float:left;
width:100%
}
}

[maidomall]

Hey, I’m not sure if this is the perfect solution or if it will mess up other stuff but I’ve managed to piece together bits and pieces from other people’s questions – and this is how I got it working.
If anyone sees a problem with this, please let us know!

/* This is to hide the original title */

.single.single-product .heading-text {
display: none;
}

/* This makes the new product title */
.woocommerce div.product .entry-title {
display: block;
float: right;
width: 48%;
text-align: left;
font-size: 26px;
margin-bottom: 30px;
}

/* This fixes the title for mobile screen */

@media (max-width: 600px) {
.woocommerce div.product .entry-title {
float:left;
}
}