-
▼
2012
(336)
-
▼
February
(36)
- How to Insert Anchor Text in WordPress
- How to Make a Blog Using Wordpress
- How to Install WordPress With XAMPP
- How to Import Tweets to Blog Comments in WordPress
- How to Install and Configure WordPress Blogging So...
- How to Display WordPress Posts on a Website
- How to Find Widgets in WordPress
- How to Change Deprecated Tags in WordPress
- How to Move WordPress to Root After Design
- How to Create Subdomains in WordPress MU
- How to Highlight Text on WordPress
- How to Change Uppercase Text to Upper Lowercase i...
- How to Hide Pages in WordPress
- How to Use FTP With WordPress
- How to Place a Logo in a WordPress Header
- How to Create a New WordPress PHP Page
- How To Upload a Powerpoint Presentation to WordPress
- How to Embed Audio Looping With AutoPlay in WordPress
- How to Import an External Blog Into WordPress
- How to Insert Copyright in Wordpress
- How to Install WordPress 3 Beta
- How to Transfer a Website into a Blog Using WordPress
- How to Round the Corners on My WordPress Blog
- How to Find Hidden Users on WordPress
- How to Switch From WordPress to Drupal
- How to Add Plug
- How to Make My WordPress Blog Visible to Members Only
- How to Manually Update Wordpress 2.9.1
- How to Create a WordPress Header With a Picasa Photo
- How to Install Social Sharing on a WordPress Blog
- How to Remove Advanced Cache From Wordpress
- How to Podcast with Wordpress
- How to Edit HTML in WordPress
- How to Display Emoticons in WordPress
- How to Move WordPress Tarski to Thesis
- How to Move My Blog to a WordPress Server
-
▼
February
(36)
adsense
How to Round the Corners on My WordPress Blog
1. Direct your Web browser to the 'wp-admin' directory of your WordPress site and log in to the dashboard. Navigate to 'Appearance' from the menu on the left. Click 'Editor' under 'Appearance' to load the 'Edit Themes' screen. Click on the link to your 'index.php' file and inspect the code that loads in the editor. Load 'header.php' if you wish to examine the header; load 'footer.php' to examine the footer code.
2. Find the tags that create the elements you want to restyle with rounded corners, such as 'div' or 'section' tags around columns or heading tags around the website's title. Take note of the class or ID name assigned to each set of tags. When possible, note the class name of multiple tags when you want to give them all rounded corners, as a class ID only is applied to one tag at a time.
3. Load the 'style.css' style sheet file in the theme editor. Build a CSS selector to 'select' the elements that you want to style with rounded corners by either their ID or class names. Use the hash sign prefix to select by ID and a dot prefix to select by class name. Here are examples of both kinds of selectors:.post {}#header {}
4. Chain your selectors if you plan on giving all of your rounded corners the same 'border-radius' value. Use commas to separate the selectors and put each one on its own line, matching the WordPress guidelines for CSS code:.post,#header {}
5. Write your property-value pairs between the curly braces of your selectors. Round the corners using the 'border-radius' property and a value set in either pixels or percentages. Here is an example of how to use the 'border-radius' property:.post {border-radius: 10px;}The above code gives every post container a border-radius of 10 pixels, creating subtly rounded corners.
7:40 AM | Filed Under | 0 Comments
Post a Comment