Commenter

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 6 septembre 2009 à 20:43

Music Man and I were trying to figure out how to change the size of the font in the links, such as: Add Videos, Add Event, Invite More, etc. Links didn't have a place to designate a size and module body text changed more than just those little links. So HE (Music Man) figured out how to put a command in the LINKS to control the size of the fonts. You can use px or ems. If anyone wants it..here it is:

/* Links */
body a {
color:/* %siteLinkColor% */ #CC0000;
font-style:Bold;
font-weight:bold;
font-size:1.2em; <--Change the number here.
}

Thanks Music Man.. sometimes it just takes some tinkering time. peace.gif

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 4 septembre 2009 à 18:06

This is where to make the sitename and description appear. Some of us removed it so when they post it on other sites it won't show. It can easily be added.

#xg_masthead p#xg_sitename {
padding:80px 0 0 10px;
font-size:3.2em;
font-family: Verdana, Futura, "Avant Garde;
line-height:1.5em;
font-style:italic;
font-weight:bold;
}
#xg_masthead p#xg_sitedesc {
padding:0 0 0 15px;
color:#000000 !important;
font-size:2.2em;
font-family: Verdana, Georgia, "Avant Garde;
font-style:italic;
font-weight:bold;
padding: 0 0 0 0px;
margin-bottom: 0em;
}

Make the text color as you want it. I have it black here. You can also adjust the ems to make it larger or smaller.

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 14:23

Themes are in layers. The first layer is the Main background, the second layer is the xg body background, and the next one is the module body background (the modules are the blocks like Hello Box, Text area, Theme posts, Latest activity, etc.) To see the Main background image through the other backgrounds, you would need to make the xg_body background and the module body backgrounds transparent..no url or use a semi-transparent tile url in them. The xg_body background covers the entire area behind the modules. The module body background is the area within the modules. If they are not transparent or semi-transparent, you won’t be able to see the Main background through them.

This is the area in the css code to change the total area behind the modules:

#xg_body {
background-position: center 0px;
width:945px;
background-color:/* %pageBgColor% */ transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
background-attachment:fixed !important;
border:0px dotted #ffffff;
}


This is the area in the css code to change the body background within the modules:

/* Module Body: Background & Text */
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color: transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-position:center 0px;
background-repeat:/* %moduleBgImage_repeat% */ repeat;
border-top: 5px double #ffffff;
border-bottom: 5px double #ffffff;
border-right:5px double #ffffff;
border-left:5px double #ffffff;
}

On this page in Ning Themes for Dummies the xg_body background is gray, the MODULE headers are yellow and the Main background is yellow. It's difficult to tell if the module body background is gray or if it is transparent.

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 13:08

For Music Man: Adjust where you want your sitename and description in this area where it has "padding". You would just need to tinker with it to get it where you want it:

#xg_masthead p#xg_sitename {
padding:170px 0 0 10px;
font-size:4.2em;
font-family: Monotype Corsiva, georgia;
line-height:1.5em;
font-style:italic;
font-weight:normal;
position: fixed;
}
#xg_masthead p#xg_sitedesc {
padding: 180 0 0 15px;
color: transparent;
font-size:2.2em;
font-family: Monotype Corsiva;
font-style:italic;
font-weight:bold;
position: fixed;
}

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 13:07

Music Man and I were trying to figure out how to change the size of the font in the links, such as: Add Videos, Add Event, Invite More, etc. Links didn't have a place to designate a size and module body text changed more than just those little links. So HE (Music Man) figured out how to put a command in the LINKS to control the size of the fonts. You can use px or ems. If anyone wants it..here it is:

/* Links */
body a {
color:/* %siteLinkColor% */ #CC0000;
font-style:Bold;
font-weight:bold;
font-size:1.2em; <--Change the number here.
}

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 12:23

Themes are in layers. The first layer is the Main background, the second layer is the xg body background, and the next one is the module body background (the modules are the blocks like Hello Box, Text area, Theme posts, Latest activity, etc.) To see the Main background image through the other backgrounds, you would need to make the xg_body background and the module body backgrounds transparent..no url or use a semi-transparent tile url in them. The xg_body background covers the entire area behind the modules. The module body background is the area within the modules. If they are not transparent or semi-transparent, you won’t be able to see the Main background through them.

This is the area in the css code to change the total area behind the modules:

#xg_body {
background-position: center 0px;
width:945px;
background-color:/* %pageBgColor% */ transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
background-attachment:fixed !important;
border:0px dotted #ffffff;
}


This is the area in the css code to change the body background within the modules:

/* Module Body: Background & Text */
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color: transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-position:center 0px;
background-repeat:/* %moduleBgImage_repeat% */ repeat;
border-top: 5px double #ffffff;
border-bottom: 5px double #ffffff;
border-right:5px double #ffffff;
border-left:5px double #ffffff;
}

On this page in Ning Themes for Dummies the xg_body background is gray, the MODULE headers are yellow and the Main background is yellow. It's difficult to tell if the module body background is gray or if it is transparent.

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 11:45

Themes are in layers. The first layer is the Main background, the second layer is the xg body background, and the next one is the module body background (the modules are the blocks like Hello Box, Text area, Theme posts, Latest activity, etc.) To see the Main background image through the other backgrounds, you would need to make the xg_body background and the module body backgrounds transparent..no url or use a semi-transparent tile url in them. The xg_body background covers the entire area behind the modules. The module body background is the area within the modules. If they are not transparent or semi-transparent, you won’t be able to see the Main background through them.

This is the area in the css code to change the total area behind the modules:

#xg_body {
background-position: center 0px;
width:945px;
background-color:/* %pageBgColor% */ transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
background-attachment:fixed !important;
border:0px dotted #ffffff;
}


This is the area in the css code to change the body background within the modules:

/* Module Body: Background & Text */
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color: transparent!important;
background-image:/* %pageBgImage% */ url(none or use a semi-transparent tile url);
background-position:center 0px;
background-repeat:/* %moduleBgImage_repeat% */ repeat;
border-top: 5px double #ffffff;
border-bottom: 5px double #ffffff;
border-right:5px double #ffffff;
border-left:5px double #ffffff;
}

On this page in Ning Themes for Dummies the xg_body background is gray, the MODULE headers are yellow and the Main background is yellow. It's difficult to tell if the module body background is gray or if it is transparent.

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 11:43

You can control the placement of the Header in this section of the css code..just reduce the height, make sure the min height is less than the set height:

#xg_masthead,
#xg_masthead a {
height: 550px;
min-height: 530px;
color:/* %pageHeaderTextColor% */ #000000;
}

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 11:42

This is where to make the sitename and description appear. Some of us made it have zero ems, so it wouldn't appear. So when they post it on other sites it wouldn't show. It can easily be added by adding a numerical command to the ems. I made the text black here..you can make it whatever color you like. Also, you can change the size and font family to your own preference.

#xg_masthead p#xg_sitename {
padding:80px 0 0 10px;
font-size:3.2em;
font-family: Verdana, Futura, "Avant Garde;
line-height:1.5em;
font-style:italic;
font-weight:bold;
}
#xg_masthead p#xg_sitedesc {
padding:0 0 0 15px;
color:#000000 !important;
font-size:2.2em;
font-family: Verdana, Georgia, "Avant Garde;
font-style:italic;
font-weight:bold;
padding: 0 0 0 0px;
margin-bottom: 0em;
}

Commentaire de Ƹ̵̡Ӝ̵̨̄Ʒ HuNtEr (●̮̮̃•̃) ♫♫♫ le 25 août 2009 à 11:39

As for the fonts.. you can change them in the css code. I have found that for "Text modules" you must enter an html command in the text you're writing. Use this and adjust the size number up or down:
Use the commands on each side of this sentence and put your text here.

• ‹ Précédent
• 1
• 2
• 3
• Suivant ›
• Page