How To Adjust Positions on CSS WordPress

The WordPress editor lets you manually edit the CSS for your blog's template. The "position" attribute is set for DIV tags, images, tables and other elements. The position property lets you override the default location, so you can customize the WordPress template. You must be an administrator to edit the template code.

Instructions

1. Open a Web browser on your computer. Go to the home page of your blog. Click the "Site Admin" link. Log in to your WordPress Dashboard.

2. Click the "Appearance" link in the left panel. Click "Editor" to open the appearance editor. On the right side of the window, each of your code files are displayed. Click "Stylesheet.css" to open the CSS code.

3. Edit the position element. The default location is static, but you can set the position to relative, absolute, fixed or inherit. The "absolute" position is typically used. Absolute means the element is positioned relative to the container HTML element, such as a DIV or a table.

4. Click the "Update File" button to save the changes. Click the blog's name at the top of the Dashboard to view the changes in the blog's template.

References

• Wordpress: Appearance Editor
• W3 Schools: CSS Position Property