Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Can I apply CSS to Container Titles to alter font, size, color and not use default CSS settings?Can I apply CSS to Container Titles to alter font, size, color and not use default CSS settings?
Previous
 
Next
New Post
12/9/2006 8:17 AM
 
I haven't really had much success with this myself, so I thought that I might ask around concerning the situation.

I have a couple containers, some of which have a heavily dark background, and some that have white/light shade backgrounds, so naturally, I would need my [TITLE]'s to have a light colored font, and also a dark colored font to compliment both.

Problem is, I'm not sure exactly how to set this up myself. I've tried setting div tag's with a class for the [TITLE] in my container html file, but that doesn't seem to work, as once it gets parsed and converted into an *.acsx file, it is replaced by a CSS id: dnnTITLE.

Any ideas anyone?


Cheers,
Danny
 
New Post
12/11/2006 9:04 PM
 

Yep...
In your container html or ascx, tell dnn the class of your container:
<table class="leftContainer">

In your container.css, tell dnn what styles you'd like:
Note: Module Titles use the .Head class, normal text uses the .Normal class.

.LeftContainer .Head {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #6927A2;
}
.LeftContainer .Normal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: xx-small;
 color: #666666;
}
.RightContainer .Head {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: small;
 background-color: #CFDC6A;
 color: #6927A2;
}

 
New Post
4/5/2010 5:20 PM
 

sry somehow posted in wrong thread...

 
New Post
4/6/2010 3:30 AM
 

Danny,

A good technique is to wrap the [TITLE] elements with a H tag. A lot of DNN skin designers these days are seeing the importance of making their designs semantic and search engine friendly. It also means you can target these elements using CSS quite easily.

If you're creating HTML container skins and wrap the [TITLE] like so; <h2>[TITLE]</h2> it will output like this:

<h2><span class="Head">This is the Title</span></h2>

The default CSS only targets the .Head, so this means you can override this by targeting all the .Head elements in H2 elements with the following:

h2 .Head{
font-family:Arial;
font-weight:bold;
e.t.c.
}

Another option would be that you change the setting for the .Head to override the default CSS. You can do this by either placing a setting for .Head in the container CSS file, or by adding it to the CSS text box within the site settings. Both of these appear below the default CSS within the source code, and therefore override the original settings.

Hope this helps as well.

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
4/6/2010 6:05 AM
 
I'm new to dotnetnuke skins. I'm trying to change the blog titles so they don't overlap when the title is so long it needs to wrap as seen at... http://www.taxfree15th.com/Blog.aspx I've added... h2 .Head{ font-size: 60%; } to the portal.css file but that doesn't seem to change anything. when I view page source for ...blog.aspx I see

text of title here... I need some help. Thanks.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Can I apply CSS to Container Titles to alter font, size, color and not use default CSS settings?Can I apply CSS to Container Titles to alter font, size, color and not use default CSS settings?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out