WooCommerce shortcode conflict with Propulsion « Support Forum | Kriesi.at

Support Forum » Propulsion

WooCommerce shortcode conflict with Propulsion

6 posts from 3 voices

Started 11 months ago by apinski
Latest reply from Dude
This topic is closed
This topic is resolved

Tags:

apinski
Member

Hi,

I' ve got the problem with [products] WooCommerce shortcode on post page. In Portfolio it's all fine, but take a look on Post page:
http://www.retroturbo.com/?p=722
It ruins my layout and I cannot correct it via CSS.
Can you advise how to resolve this?

Posted 11 months ago #
Ismael
Moderator
Hi apinski,

Kindly add this code in your Quick CSS or custom.css:
```
.six.units .template-shop.content.nine.alpha.units {
   width: 548px !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 11 months ago #

apinski
Member

Thanks for the tip,

@media only screen and (min-width: 1281px) { .six.units .template-shop.content.nine.alpha.units { width: 548px !important; }}
@media only screen and (min-width: 960px) and (max-width: 1280px) { .six.units .template-shop.content.nine.alpha.units { width: 450px !important; }}
@media only screen and (min-width: 768px) and (max-width: 959px) { .six.units .template-shop.content.nine.alpha.units { width: 324px !important; }}

It's much better, but there is still a minor problem.
Look at the date-container, it moves from the top of the title to the right now.

Posted 11 months ago #

Ismael
Moderator
Hi apinski,

Just add this on your css code:
```
.date-container {
   left: 302px;
}
```
If that doesn't work, try to use this instead:
```
.date-container {
   left: 302px !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 11 months ago #
apinski
Member

Works great,
Thanks!

Posted 11 months ago #
Dude
Dude

Hey!

Glad that Ismael could help you :)

Regards,
Peter

Posted 11 months ago #