Hi Kariem,
You can style the form that way using the CSS selectors provided by the plugin. Can you provide a link to a page where you are trying to achieve this? I can provide you with styles specific to your site.
Thanks,
Evan
Thank you for your respone. The site is local at the moment, will put it online asap and provide you with a link. Where do I need to change something if I want the submit button next to input field. (on the right side of the input field)
You would need to add the styles to your active themes style.css file.
Thanks,
Evan
I have copied custom_template_boilerplate. The form is using this template now, but I can’t seem to style the button or the form.
You can find the website @ : http://www.c omfortica.nl (remove the space)
The password is 123demo!
If you scroll down a little, you see “aanmelden nieuwsbrief” near the bottom. The first row is how I want it to be styled. The second row is how it is styled with the plugin now.
If you add a float left to the email input field that should get you half way to where you want to be.
Evan
Thank you for your repsonse. I tried to add a custom class to the email field (manage list forms, custom class). Added some CSS to the custom_template_boilerplate.css file, but the field does not seem to apply the style..
If you look at your loaded resources for the custom_template_boilerplate.css file it’s not being loaded on that page.
You’ll need to figure out why the style sheet is not being loaded. Did you remove the wp_enqueue_style from the top of the template file?
Is the template file being used?
Evan
I have no clue why the css is not beeing loaded. The line you mention is still there, but I see no reference of it in the source when using firebug.
Is the form set to use the template file?
Yes, in the backend, Manage List Forms, I have selected “set a template for this form”. And I have selected Custom Boilerplate – Standard .
I have deleted the disclaimer in the custom_template_boilerplate file, and it doesn’t show up. So it seems a problem with just the CSS
Can you try removing the wp_enqueue_style decleration and just adding a <link> tag and hard code the URL to the style sheet to test if that works?
Thanks,
Evan
Thank you, this did the trick. The style is beeing applied now. Will this give me any problems when upgrading in the future?
Now, the input fields and submit button are decleared in .custom_template_boilerplate input {
How can I style the submit button and the input field individually?
No , if you used the ‘Import’ feature or manually copied over the template file to your active theme, the update will have on affect. Your styles and any of your changes will remain.
Now if you were editing the core bundled template directly in the plugin core files, you would have an issue. But it seems that you copied over the files and manually edited them correctly.
To answer you second question,
You can style the input button using the following :
.custom_template_boilerplate input[type="submit"] {
}
and you can use a custom class on your input field to target it as needed.
Thanks,
Evan
excellent support sir, thank you very much 🙂
Now, is there any way I can delete the URL and password in my previous post? The edit option does not seem to be active on that post
No problem at all, glad we could be of help.
and regarding your previous comment with the password, not that I’m aware of. I don’t have access to edit comments either. I’m sure you can ping an admin and ask them to remove the password. I would recommend just changing the password for the time being. It may be easier and quicker.
Thanks,
Evan
