Help with "Styling Different Instances of a Feature Differently"

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
2/26/2010 5:33:10 AM
Gravatar
Total Posts 14

Help with "Styling Different Instances of a Feature Differently"

Hi Joe,

I read the "Styling Different Instances of a Feature Differently" documentation and found it quite interesting.

First question :

I followed it but I can't style two different instances of HTML Module differently. I checked the HTML source and I can see the outer wrapper divs with class="module[x]". I suppose I do something wrong in the CSS but it's not clear to me.

I found in the style.css :

div.moduletitle,span.moduletitle,tr.moduletitle,h2.moduletitle {
color:#4C721A;
font-size:1.5em;
font-weight:700;
font-family:Verdana, 'Trebuchet MS', Sans-serif;

 and added the following in order to have a different style for module1 :

div.module1 div div.moduletitle,span.moduletitle,tr.moduletitle,h2.moduletitle {
color:#666666;
font-size:5em;
font-weight:250;
font-family:Arial;
}

 but it doesn't work...

Could you give me a hand please ?

Second question  :

 I looked in the HTML code for a page where I put one module of each type, and it seems that some module doesn't have an outer wrapper div with class="module[x]". Is there a reason for that ?

Regards,

Rom1

2/26/2010 10:32:05 AM
Gravatar
Total Posts 2187

Re: Help with "Styling Different Instances of a Feature Differently"

Hi Rom1,

Your CSS is incorrect. The way you have it will not apply to .moduletitle classed elements that are under the div.module1 element. Try this:

div.module1 .moduletitle {
color:#666666;
font-size:5em;
font-weight:250;
font-family:Arial;
}

Which features do not have a div.module# wrapping them?

Hope This Helps,
Joe D.

3/1/2010 4:00:47 AM
Gravatar
Total Posts 14

Re: Help with "Styling Different Instances of a Feature Differently"

Hi Joe,

Thanks for your answer, it works now !

Here are the features that do not have the div.module# wrapping them :

Forums

GoogleMap

Live Messenger Chat

Poll

Shared Files

Survey

Gallery

Folder Gallery

Flicker Slide Show

Twitter Profile

Twitter Search

IFrame

Google Translate

Webstore

Newsletter Subscribe

Stats

HTML Fragment Include

XML

Webpart

 

Regards,

Rom1

You must sign in to post in the forums. This thread is closed to new posts.