I recently discovered how to take an existing WordPress theme and customize the colors to match an existing design on a web site. If you have a standard web site without blog functionality, you can add a blog to your site and update the overall design to create continuity between your main page and your blog.
The following instructions will help you understand how to view CSS attributes so you may edit or change them.
Before you get started, it's recommended to create a child theme rather than edit directly into your template. This will allow you to only change what's required and it's easy to make non-destructible changes.
Download CSS Viewing Tool:
Step 1: Download Firebug
Step 2: View the bug icon in the lower right hand of your screen
Step 3: Select the arrow/rectangle icon in the header
Step 4: View the element in the main screen and the CSS attributes in the right
Step 5: Test out changes for color directly in the browser
Step 6: Copy CSS changes to your main CSS file on your server
The following instructions will help you understand how to view CSS attributes so you may edit or change them.
Before you get started, it's recommended to create a child theme rather than edit directly into your template. This will allow you to only change what's required and it's easy to make non-destructible changes.
Download CSS Viewing Tool:
Step 1: Download Firebug
Step 2: View the bug icon in the lower right hand of your screen
Step 3: Select the arrow/rectangle icon in the header
Step 4: View the element in the main screen and the CSS attributes in the right
Step 5: Test out changes for color directly in the browser
Step 6: Copy CSS changes to your main CSS file on your server
No comments:
Post a Comment