Skip Navigation

[Resolved] Woocommerce Views – Styling Issue with Astra, OceanWP and GeneratePress

This thread is resolved. Here is a description of the problem and solution.

Problem:

With Woocommerce Views pluin, in theme Astra, OceanWP and GeneratePress:
the "Sale" notice changes position on all three themes.

Solution:

It is a CSS conflict, but you can override it with some CSS codes, for example:

span.wcviews_onsale_wrap{
    float:right !important;
}

Relevant Documentation:

This support ticket is created 6 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: 

This topic contains 2 replies, has 2 voices.

Last updated by michaelL-20 6 years, 6 months ago.

Assisted by: Luo Yang.

Author
Posts
#806321
Toolset - Generate Press - WC Views Enabled.png
Toolset - Generate Press - WC Views Disabled.png

I am trying to: Assess and establish whether there are any issues with my three themes of choice and Toolset prior to commencing development work. This is being done on a local development site and the three themes are Astra, OceanWP and GeneratePress.

Link to a page where the issue can be seen: Unfortunately, I am using a local site for evaluation, so I cannot provide a URL. It should be very easy to replicate, though.

I expected to see: I was not expecting to see any change in Woocommerce Shop styling, but I believe that I have established a styling issue that manifests as soon as the Toolset Woocommerce Views plugin is activated.

Instead, I got: For some reason, the "Sale" notice changes position on all three themes (refer attached images). As far as I can ascertain, it is because of the Toolset wcviews-onsalebadge.css styling conflicting with the various theme's default Woocommerce styling. The outcome is similar for all three themes.

Please note that I deactivated the Toolset Layouts plugin in order to view this, and I also deactivated Bootstrap loading through the Toolset Settings screen.

#808317

Hello,

Yes, you are right, It is a CSS conflict, but you can override it with some CSS codes, for example:

span.wcviews_onsale_wrap{
	float:right !important;
}

I have tested it with Astra theme.

#808398

Thanks Luo

Why is this even happening for just this item? It seems totally random.

Regards
Michael