I have a <p>
element which I wish to remove by display:none
. I am adding the following code in the main CSS file (core.css
). This file is getting referenced on all pages as per the Network tab. Also, in Inspect Element I see the code for this particular element is coming from inline styling, which isn't part of any asset file on Shopify Code Editor, and cannot be edited as a result. What is the way out here?
Code I am adding to core.css
:
p.hulk-powered-wrapper {
display:none !important;
}
CodePudding user response:
I added identical code in the Chrome DevTools and it worked (i.e., Shopify Forms Powered by HulkApps disappeared).
Two questions:
- Is this the only thing you have inside the
core.css
? - I'm not familiar with Shopify, but in Magento 2 sometimes CSS doesn't work because of the cache. Have you cleared the cache?
UPDATE
- I see you have a lot of code inside the
core.css
. Everything else works? Is thisdisplay: none;
the only thing that doesn't? - I see that
p.hulk-powered-wrapper{display:none !important}
is inside thecore.css
so the problem shouldn't be related with the cache.
CodePudding user response:
Looks like that p tag is inside an iframe, so maybe try something like this (with jQuery):
$("#frame_ai7L9yHu4aWawvcQdO6NJw").contents().find(".hulk-powered-wrapper").hide();