This is the code I use to add a banner:
===========
#xg_head #xg_masthead p#xg_sitedesc {margin-top: 100px; height: 250px; background: transparent url(LINK_TO_BANNER_IMAGE) top center no-repeat scroll;}
==============
1. margin-top: 100px; - This tells how far from the top the image should be.
2. height: 250px; - Depending on the size of the banner image you want to use, you can adjust the height of the section.
3. background: transparent url(LINK_TO_BANNER_IMAGE) top center no-repeat scroll; - Links to the banner image - Replace LINK_TO_BANNER_IMAGE with the link to the image you want to use.
================
If you have a full background on your page and want the top of that background to show, you could try the code with out the image link and info: You will need to play around with the numbers to get it to fit your background.
============
#xg_head #xg_masthead p#xg_sitedesc {margin-top: 100px; height: 250px;}
=================
Have fun experimenting! You might find some easier ways to do things or some unique way to do something. Feel free to share your discoveries in a thread/discussion.
Tags:
© 2025 Created by Aggie.
Powered by