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/.
Related
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.
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/
I am currently creating a wordpress site. Some pages will need a section with some images at the bottom and other pages won't. But this needs to be controlled via the backend
So when you go on that specific page in the wordpress backend, there will need to be a check box to decide whether to display the section or not.
It has to be this simple as my client is not tech savvy in the slightest.
Is there a plugin to maybe achieve this?
Thanks in advance
Danny
Install the Advanced Custom Fields plugin. This way you can do a simple conditional along the lines of if(get_field('myCheckbox'){ // add your images };
Further information can be found here: http://www.advancedcustomfields.com/resources/field-types/checkbox/
Update in response to comment
For a radio button, the code should be pretty similar - something like:
$theField = get_field('name_of_radio_button_goes_here');
if($theField == "enabled"){
// THE HTML YOU WANT TO BE HIDDEN/SHOWN GOES HERE
}
No need to add display:none or anything like that - unless "enabled" is selected for the page in Wordpress, then nothing will display for the page you are on
I use the media embed plugin for ckeditor. It works fine, the code is correctly saved in the database and youtube, soundcloud etd. players display ok on the page. But when the user goes to his administration, where he can edit the info, the text inside and with the tags is not showing, so when the user clicks on the save button, all previously saved iframes will be "erased" and only the rest of the formatted text will be saved. Is there any way to display the iframe code in the ckeditor?
I assume that you use CKEditor 4.1.x which comes with Advanced Content Filter (ACF). Most likely, the point is that you use different editors for frontend/backend editing.
Each plugin extends allowedContent property with own rules for tags, attributes and classes. Using those rules, editor automatically strips out undesired contents, so for example, if your fronted editor allows <iframe> because it has mediaembed plugin loaded, then your backend editor without this plugin will remove your <iframe> from the content.
Furthermore, ACF also observes your toolbar configuration so even if you include the plugin but you don't want the button in the toolbar, any content the button provides (i.e. <iframe>) will also be disallowed in editor's output.
You can easily check whether your editor accept <iframes>. Basically call the following and see the output:
CKEDITOR.instances.yourInstance.filter.check( 'iframe' );
>>> true // it's allowed
If it's false, then there are several solutions for your problem:
Enable mediaembed plugin in your backend editor (with button in the toolbar).
Extend config.extraAllowedContent to have it back again.
While the first solution is straightforward, the second one might be tricky for you. allowedContent rule for mediaembed plugin is as follows (see plugin's code):
allowedContent: 'iframe[*]' // stands for: iframe element with any attribute
If you add the following to your backend editor's config, you will have iframes back in your content without loading mediaembed plugin:
config.extraAllowedContent = 'iframe[*]'
If this solution doesn't work for you, please provide editor configs and CKEditor version so that people could help you.
CKEDITOR.config.allowedContent = true;
work for me.
To allow CKEditor to store custom HTML without it disappearing, you need to set the allowed content flag to true.
var allowedContent = true; // to allow custom html like iframe or div's
CKEDITOR.replace('yourEditorWindowsId', {
allowedContent
},
When I click the option to show the iframe code for he Facebook 'Like box' plugin
it bounces me back to the configuration page.
How can I get the iframe code?
When I go to that like-box I'm always able to click and see the iframe codes to use. Maybe your browser is to blame. Try a different browser or change your current browser's settings.