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, 9 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.

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, 8 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