As I use a transparent background for the body of my site the headlines were occasionally lost in the site background image.

 

In order to make them stand out (and also reflect the settings for my module headers) I added this code to Appearance - Advanced

 

.xg_headline{
    padding-left: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:6.5pt;
    color:#000000;
    background-color:#dae1f2;
    background: -moz-linear-gradient(right, #eaedf8, #dae1f2, #9da7c7);
    background: -webkit-gradient(linear,
                right top, left top, from(#eaedf8), to(#9da7c7));
        border-top:6px solid  #4a3051;
        border-left:1.5px solid #666699;
        border-right: 1.5px solid #666699;
        border-bottom: 1.5px solid #666699;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

 

You can see the effect HERE

- this also makes the forum topic headlines look more impressive - as seen HERE

Views: 62

Replies to This Discussion

Nice tip and share! Thank you for sharing. Your site is fun!

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips