Products

Solutions

Resources

Partners

Community

About

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, ...change the default font and size?change the default font and size?
Previous
 
Next
New Post
2/17/2017 8:30 PM
 

 

i'm new to DNN and so far it's been a very difficult process of trying to use it. but enough of my complaining. I created a simple skin and I just want to change the default font family and the size. in the skin.css file, I've added css to the #ContentPane id, body and html and nothing. what it does do is change background-color so I know i'm editing the right area. I've added !important. I've created custom css classes. something is overriding it. it looks like default.css. I've searched and I don't see any current information. someone please help. thanks.
 
New Post
2/18/2017 12:12 PM
 
you need to apply the font to p, h1, .. tags like in default.css, otherwise those override the general setting in your skin.
Use F12 in your browser to enter developer tools and analyse the css being applied.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
2/28/2017 6:13 PM
 

thanks. it still wasn't changing this. I did use dev tools and found there was a css class called .Normal. finally, I started to see some results. I still don't get how default.css is overriding the skin.css. when I look at the source code, default.css is one of the first css files loaded while skin.css is loaded last.

 

I need it to affect mainly content in HTML module. i'm having such a hard time with this. I've worked on other CMS platform and it's not this hard or confusing. any tips on resources to check out? at least resources that are within the last 2 years?

 
New Post
3/1/2017 2:22 PM
 
DNN has several classes that are more specific than what would be typically defined. That .Normal class has been a struggle with us for years. Not much has changed when it comes to skins over the years, so even some of the older resources still hold true today. Here are some things that I typically include to override those default DNN annoyances:  https://github.com/ralphwilliams/Star...
The first section fixes issues with the control panel (pre DNN9) and the module edit icons when using Bootstrap. The fonts section overrides several of the default DNN font styles. Hope you find that helpful. (note: there is also a .SCSS version of that file available in that same repository. https://github.com/ralphwilliams/Star...)

 

 



Ralph Williams, Jr.
UX Designer / Front-End Web Developer
www.RalphWilliams.com
Ralph Williams Consulting
Twitter: twitter.com/ralphwilliams

Professional DNN7: Open Source .NET CMS Platform
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...change the default font and size?change the default font and size?


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