|
Emil
|
August 17, 2015 at 4:14 am
What’s the best way to style the buttons in EE?
Where does the css for the buttons go? Does EE4 have its css file where I can add styles for the buttons, or they just inherit the stying of the submit buttons of the theme (the last option seems to be true).
If I want to style only the EE4 buttons, how can I do this?
Thank you.
Best Regards,
Emil
|
|
Dean
|
August 17, 2015 at 5:26 am
Hi Emil,
The buttons normally take on the themes styles.
To style them directly, you can use CSS like this:
.espresso_events input[type=”submit”],
.espresso_events input[type=”button”]
.espresso_events input[type=”reset”]{
background-color: yellow;
background-image: none;
border: 1px solid #000;
color: #000;
border-radius: 0;
}
Obviously you will want to style it less like a bumblebee and more in fitting with your site.
That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS (or any other Custom CSS plugin).
|
|
Emil
|
August 17, 2015 at 11:34 am
Hi,
Thank you very much.
Best regards,
Emil
|
|
Jonathan Wilson
|
August 17, 2015 at 2:15 pm
Glad we could help!
Since this topic is resolved, I am going to close it. If you have anymore questions or issues, please start a new topic and we will be happy to help there. 🙂
|
