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
4/6/2010 9:50 AM
 

Robert,

The setting you're looking for here is the line-height more than the font-size, although as you can see they're both connected, which is giving the overlap on 2 lines of text.

The selector for the H2 is: h2.blog_title.

Try adding this css to the CSS box in the Site Settings as this will override the module CSS.

h2.blog_title{
font-size:20px;
line-height:1.2em;
}

Let us know how you get on.

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
4/6/2010 8:49 PM
 

Thanks Rick.  That line-height did the trick.  I noticed that I am unable to change the font-size and also when I remove font-size and just leave line-height I get a different line-height size.  And I looked at any nested elements as if they were overriding the blog_title and played with them the same way, but still seem to be unable to touch that font-size.  http://www.taxfree15th.com/Blog/tabid/924/BlogID/16/Default.aspx

Any ideas on changing the font size of the title?

 
New Post
4/7/2010 7:41 AM
 

Danny,

It looks like your height setting is coming from the style.css file and is applied to H2 a elements.

I'm not sure if you use Firefox as a browser, if you do there's a plugin called firebug which will lets you select an element and view the CSS being applied to it. You can install it here: https://addons.mozilla.org/en-US/fire... If you're using IE, there's an equivelant called the Developer Toolbar, it's not as good as Firebug but still usefull.

To over-ride the H2 a setting you can target all links within the .Head span of H2 elements like so:

h2 .Head a{
Settings in here
}

You may also need to include the different pseudo classes, but try the general one first:

h2 .Head a:link, h2 .Head a:visited, h2 .Head a:hover, h2 .Head a:active{
Settings in here
}

Either this or remove the font-size element from the style.css file.

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
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