quickview plugin needs css adjustment

[johnaps]

Hello,

i started using a quickview plugin but the css in the popup is all messed up as you can see in my site…

I tried a few things in css but didnt accomplish anything.
Can you help me to get it to look like the popup in the plugins demo?

https://demos.xplodedthemes.com/woo-quick-view/

[Leo]

Hi there,

Have you contacted the plugin support first?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

I have contacted them but i havent got an answer back…
If it is a complex problem, let me know and i ll reopen this ticket tommorow, if i still havent got an answer!

Thank you in advance!

[Leo]

I’m not sure if it’s a complex problem but GP itself shouldn’t interfere with the plugin’s style.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

When i mess around with css though browsers developer tools i manage to fix it the way i want… but i cant get the correct code adjustments on costumize/ extra css…

[Leo]

You should be able to copy and paste the CSS from browser inspect tool into Additional CSS field in the customizer – Unless the plugin is using !important or sometimes you need to make it more specific.

Is your CSS getting overwritten? You should be able to tell from browser inspect tool as well.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

i found out in the inspection tool that when i disable the width in the following line position gets corrected but tried copying paste a few things in the customizer, that should have worked nothing gets done… It’s as if the bellow css code is overwritting my implemented css code…

element.style {
width: 556px;
}

html first line looks like this { div class=”xt_wooqv-item-info” style=”width: 556px;” }

[David]

Hi there,

better that you fix the problem with the plugin.
The issue is your site is calling the .scss style sheet which is why its failing:

I don’t know why its doing that – you can see the request was originally the CSS file which is whats required.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

Ok thank you very much for your help!
I ll send them all this information and see what they can do.

Much appreciated!

[David]

You may want to uninstall and re-install the plugin – can’t see why the request for style sheet changed.

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

I simply unistalled and re installed it… but nothing! Thank you though!

[David]

Very odd. Hope you find the solution.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts