How to Move an Element in The Theme

Please Note: Theme customizations go beyond the scope of our support services and this article is provided solely as a courtesy to our customers. Please take a moment to review the Scope of our Support.

Note: In this tutorial we are using Firebug. If you don’t know what Firebug is, please first visit the How to Customize Your Theme With Firebug article.

Sometimes there is an element in the theme that you may want to realign or simply to move a little bit. The easiest way to do this is to use the position: relative CSS property. After applying the position relative property you can offset the element from its position according to the properties top or bottom and/or left or right.

Example:

#box{
position:relative;
left:5px;
top:12px;
}
#box2{
position:relative;
right:7px;
bottom:-15px;
}
Article keywords: how to change position, how to align, realign

Was this useful? 1