How to Center a Headway Theme Leaf
Despite what many think, centering a headway leaf is not achieved by the click of a button. Instead, it’s achieved by trickery!
How to Center a Headway Leaf
The first thing we need to do is add leafs to either side of our target, like so:
First, Create a new text leaf on either side of your “target leaf.” Then click the pencil icon and in “custom css class(es)” enter “invisible.” Like this:
Once that’s done, Resize the two “invisible” leafs until you have the target leaf centered. Finally, save your changes.
The CSS Code
Now, add the following code to the bottom of your custom.css file:
body.custom div.invisible .leaf-top {display: none;}
body.custom div.invisible {background: none; border: none; padding: 0; margin: 0;}
You’ll notice that I didn’t use “display:none;”. If you try and use that property, you’ll just undo the centering. You want the leaf to pretend to be invisible. That’s it!
The Final Result
Any Questions?
No, you cannot center a leaf with the visual editor.
Have you centered leafs on your headway installation? Have questions about centering leafs? Share your thoughts and opinions below!
You just finished reading How to Center a Headway Theme Leaf. Consider leaving a comment. Is the content out of date?
Let us know so we can update it.
First, Create a new text leaf on either side of your “target leaf.” Then click the pencil icon and in “custom css class(es)” enter “invisible.” Like this:
Once that’s done, Resize the two “invisible” leafs until you have the target leaf centered. Finally, save your changes.
The CSS Code
Now, add the following code to the bottom of your custom.css file:
body.custom div.invisible .leaf-top {display: none;}
body.custom div.invisible {background: none; border: none; padding: 0; margin: 0;}
You’ll notice that I didn’t use “display:none;”. If you try and use that property, you’ll just undo the centering. You want the leaf to pretend to be invisible. That’s it!
The Final Result
Any Questions?
No, you cannot center a leaf with the visual editor.
Have you centered leafs on your headway installation? Have questions about centering leafs? Share your thoughts and opinions below!
">
http://headwayhub.com/2010/06/08/how-center-headway-theme-leaf/
Tweet
First, Create a new text leaf on either side of your “target leaf.” Then click the pencil icon and in “custom css class(es)” enter “invisible.” Like this:
Once that’s done, Resize the two “invisible” leafs until you have the target leaf centered. Finally, save your changes.
The CSS Code
Now, add the following code to the bottom of your custom.css file:
body.custom div.invisible .leaf-top {display: none;} body.custom div.invisible {background: none; border: none; padding: 0; margin: 0;}You’ll notice that I didn’t use “display:none;”. If you try and use that property, you’ll just undo the centering. You want the leaf to pretend to be invisible. That’s it!
The Final Result
Any Questions?
Have you centered leafs on your headway installation? Have questions about centering leafs? Share your thoughts and opinions below!
">