Adding custom CSS to a WordPress website.

Get in touch

If you would like help with Adding custom CSS to a WordPress website. or with any other topic then feel free to get in touch for a chat.

by | 24/10/2020 | Code Snippets, Tutorials | 0 comments

Sometimes you will want to add additional styles or CSS to your WordPress website. These additional rules can override what your theme says and make changes site wide. 

In this example we want to fix the width of the buttons on screen so they are all the same width. 

odd_button.PNG

In the WordPress dashboard goto [Appearance] [Customise]

customize.PNG

Scroll down to the bottom of the left hand menu and click [Additional CSS]

additional_css.PNG

Then past or type your additional CSS rules

.et_pb_button {
width:200px !important;
}
new_css.PNG

Click [Publish] at the top left of the screen to save your changes.

publish.PNG

Premium Themes & Plugins

When you sign a website up for any of our monthly plans you get access to many of our favourite premium plugins and themes — at no additional charge. Savings up to £250 per year!

Gravity forms, Create stunning forms with ease.
~£43 per year.

Optimise Images, Website Cache, Security and more.
~£136 per year.

Add a range of extra tools to your Divi Website.
~£42

Backup your website to Google or Dropbox with ease.
~£54

Backup your website to Google or Dropbox with ease.
~£80 per year

K

Newsletter

Sign up to our newsletter for the latest hints tips & offers.

Did you know nearly 70% of people unsubscribe from email lists because they receive emails too often? That’s why we often don’t get round to sending a newsletter but when we do make sure its worth reading.

  • What’s happening with us and the internet/digital in general. 
  • Lots of helpful advice on a whole range of website and digital skills topics.
  • Sales and offfers from us and our partners.