[ad_1]
Hi everybody,
​
Hope you have a nice day. May I ask how can I create this kind of newsletter Subscription Form Style look？(Just a simply horizontal line with a rounded subscribe button?)
If need any custom CSS, where can I add and how? what’s the custom CSS code?
​
Currently I have already installed the “Newsletter”, “MailPoet”，”CreativeMail” pluginds, do they helpful? If so how to change the style through these plugins?
​
(Please see the screenshot image from other website style inspiration below)
​
Totally a wordpress newbie and a non-techinical guy, thank you guys so much.
[ad_2]
You’ll need to inspect the page code to see what classes your form builder is using, then write CSS to override the submit button styling (assuming your form builder doesn’t provide styling in its configuration options), then add the css into your themes css overrides in the CMS. (Which is horrible as your css is then stored in the database, but we won’t get into that 🙂
You can use flex to align your button, and a pseudo before element on the button as the line.
Without having ever used those plugins or seeing your code, that’s as much advise as I can offer. Best of luck. Maybe hit ChatGPT up to write the CSS for you 😉
You’ll need to do what /u/redditmeup32 said and override the CSS styles that are currently on the subscribe form.
I whipped up a pure HTML/CSS example from your image:
You can see it really doesn’t take much CSS to achieve this if you’re starting from scratch. But you’re not, you have to contend with all the theme / wordpress CSS included. You’ll need to understand specificity: