I have an issue regarding woocommerce account. It showed some problems and did not allow connection until today, when I just recreated some pages. At the moment it is displaying something at the bottom of the account info, though I can not find that text anywhere in back-end. Can someone help ?
Using the Chrome web inspector, locate the element you wish to hide on the page and find it's class or ID.
Then use some custom CSS to hide the element, for example:
.my-custom-class { display: none; }
Thank you for your help! I used the inspect and realized it was a rich snippet from some SEO plugin setting and now it is solved.
Related
How to hide categories and tags in quick view? I am using WPC Smart Quick View 2.5.0
I assume you are talking about this plugin. When I visited their website, I saw a live preview page.
I would say the easiest way to hide that meta data would be through CSS. So when I used the Developer Tools of my browser, I was able to figure out the popup modal's id is woosq-popup
And on inspecting the Categories element, I found the class name of its container to be product_meta :
So a custom CSS code like this would resolve the issue:
#woosq-popup .product_meta {
display: none;
}
I'm facing a situation in my shop page.
https://www.soygorrion.com.ar
Images are not displaying in the single product page of WooCommerce. I can see the thumbnails, but when I click in the product to see it the image does not display.
Example: https://www.soygorrion.com.ar/tienda/bolsos/ombu/
I tried to regenerate thumbnails but it doesn't work. Also I'm able to see the images on the Multimedia page and open them from their link with no problem.
Can someone give me a hint? When I inspect the element from chrome I see that the image URL links are written this way
data-default="[{"large":["https:\/\/www.soygorrion.com.ar\/wp-content\/uploads\/2019\/12\/Pin_Paco-650x650.jpg",650,650,true],"single":
Edit: also I tried to deactivate plugins to see if that was the problem.
thank you!
Okay, the problem was this CSS code:
div.noo-woo-images-wrap {
display: block;
}
display was set to none.
in my wordpress site's I implement a mailchimp popup subscribers. I need to hide the close button in the banner who the code display before the mailchimp form in mobile view. Anyone can help me? I try to add custom css to my wordpress theme with
.bannerContent__closeButton {
display:none;
}
but not work. Can anyone help me pls?
Can you provide a link to your site? If your custom css code isn't working then double check your close button class. You can find it by inspecting it in your browser.
Try and get more specific. A link to your content or some more code would help, but basically,
body div.yourContainer div.yourRow div.bannerContent__closeButton {
display:none;
}
This way you override the default. If you can, right click the close button, select inspect element, and then the computed tab in Chrome. This will show you the 'display' attribute and you can see what is taking presidence.
The reason the above won't work is because the popup form is within an iframe hosted by MailChimp. You're writing CSS outside of the iframe, which does not apply to the content within the iframe.
Your only option here is to build your own popup form (or find one that someone else has built that you can modify). This will require both some client-side JavaScript as well as a server-side component to make the API calls, since the MailChimp API calls do not support cross-origin requests (CORS). See https://developer.mailchimp.com/documentation/mailchimp/guides/get-started-with-mailchimp-api-3/.
Hello Im working with ecwid the shopping cart program , Iv uploaded some photos of my products and categories and cant seem to customize the background using css. Everytime I enter a css code for an element , nothing happens
I have tried this:
.ecwid-responsive table.ecwid-productBrowser-subcategories-mainTable
{ background-color: black}
please go here to see exactly what Im referring to my website
When I add background: red to the element.style {} in the developer tools (right click > Inspect Element), when I have selected .ecwid-productBrowser-productsGrid-mainTable, it works without a problem.
The table you are trying to target (.ecwid-productBrowser-subcategories-mainTable) is a style of display: none, so it's not visible AND it's the wrong table to target (at least on this page).
This is Daria, Ecwid Customer Care Team. I checked your website and as I see, you added "png" images to your category thumbnails. In order to change the background color for these thumbnails you need to add the following code to your active CSS theme in your Ecwid control panel>Settings>Design:
table.ecwid-productBrowser-subcategories-mainTable img {
background-color: black !important;
}
Then click "Save” (Ctrl+S) and reload the storefront page.
Please, see the screenshot to know how category thumbnails look with this code: http://take.ms/U5oNA Hope, this helps.
Also, if you have any issues with your Ecwid store, you can always contact us directly via email or live chat. You can see all available ways of how you can get help from Ecwid support if you go to your Ecwid Control panel and Click “Get help” link in the right upper corner.
Thank you!
My form is not showing up on any page although it is there but hidden. I have included and there seems to be no JS conflicts or errors. No idea why the form is not displaying. The form preview works great thorough!
You can see the form page here: http://projects.wax.com.au/lioton/?page_id=14
Thanks for the help!
Do you have conditional logic in your form? Anytime conditional logic is present the entire form is set to display: none; and then javascript is used to only show the fields that should be shown. If the display:none is not being removed, there's probably a problem with your theme. See this link for more details:
http://www.gravityhelp.com/question/why-is-there-a-style-attribute-of-displaynone-being-added-my-form-isnt-showing-up/