![\"\"](\"http:\/\/cdblog.cdstealer.com\/wp-content\/uploads\/2017\/01\/Wordpress_logo_8-300x297.png\"){kind=logo}
<\/p>\n<\/p>\n
At the time of writing this, I'm using the Twentyfourteen theme which is the one I prefer. \u00a0However, I wanted it to use as much of the screen estate as possible. \u00a0I didn't like any other theme that had this, so I looked into modifying what I had. \u00a0Here is what I did...<\/p>\n
Step 1) Go to your site admin page.<\/p>\n
Step 2) Go to \"appearance\" and select \"theme\"<\/p>\n
Step 3) Select the theme you wish to change and activate.<\/p>\n
Step 4)\u00a0Go to \"appearance\" and select \"customise\"<\/p>\n
Step 5) Click the \"Additional CSS\" option at the bottom of the left sidebar.<\/p>\n
Step 6) Add the CSS sections of what you want to change.<\/p>\n
To achieve the look I wanted, I added the following:<\/p>\n
.site {\r\nbackground-color: #fff;\r\nmax-width: 100%;\r\nposition: relative;\r\n}\r\n\r\n.site-header {\r\nbackground-color: #000;\r\nmax-width: 100%;\r\nposition: relative;\r\nwidth: 100%;\r\nz-index: 4;\r\n}\r\n\r\n.site-content .entry-header,\r\n.site-content .entry-content,\r\n.site-content .entry-summary,\r\n.site-content .entry-meta,\r\n.page-content {\r\nmargin: 0 auto;\r\nmax-width: 90%;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"At the time of writing this, I'm using the Twentyfourteen theme which is the one I prefer. \u00a0However, I wanted it to use as much of the screen estate as possible. \u00a0I didn't like any other theme that had this, so I looked into modifying what I had. \u00a0Here is what I did... Step 1) … Continue reading WordPress Theme Customization<\/span>