Difference between revisions of "Custom CSS"

Revision as of 16:01, 14 August 2017

Customize the CSS of your theme to change colors, fonts, and more

Activate the Simple Custom CSS plugin in your site
Go Appearance > Edit CSS and begin creating your own style sheet to override the built-in theme's style sheet
You'll need to learn how your theme's HTML and CSS is structured, primarily what are the names of the IDs and Classes used so you can override them in your style sheet. Some great tools for this are:
- Firefox Firebug
- Safari's Develop Menu
- Firebug for Chrome
To learn CSS basics try w3schools.com

@@ Line 1: / Line 1: @@
-{{TwoColumn|lead=
+<div class="container-fluid">
+<div class="row">
+<div class="col-md-8">
+<div class="lead">
 Customize the CSS of your theme to change colors, fonts, and more
-|content=
+</div>
 ====You can write custom CSS (Cascading Style Sheets) to override the theme's CSS. ====
 #Activate the '''Simple Custom CSS''' plugin in your site
@@ Line 10: / Line 15: @@
 #*Firebug for Chrome
 #To learn CSS basics try [http://www.w3schools.com/css/DEFAULT.asp w3schools.com]
-|sidebar=
+<!-- end col-md-8 -->
+</div>
+<div class="col-md-1"></div>
+<div class="col-md-3 sidebar">
 {{WordPress Tutorial Header}}
@@ Line 27: / Line 37: @@
 {{WordPress Help Sidebar}}
-}}
+<!-- end col-md-3-->
+</div>
+<!-- end row-->
+</div>
+<!-- end container-->
+</div>
+<!-- Generator=Template:TwoColumn -->
+__NOTOC__
+__NOEDITSECTION__
 [[Category:Wordpress Tutorial]]
 [[category:Wordpress]]
 [[category:CSS]]