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, ...Web site widthWeb site width
Previous
 
Next
New Post
6/17/2010 12:45 AM
 
Hi,

I'm somewhat new to DNN and I'm trying to make my web site (www.todn.org) fit most browsers. Right now it seems to be set at 1280 wide, and I would like it at 1024. It's driving me crazy that I can't find a way to do it. When I go to the Skins menu, I only see an option for the standard, and a "full" which is even wider. How can I customize the width?
I really appreciate your help.

Thank you,
Fernando
 
New Post
6/17/2010 5:08 AM
 

Fernando,

This differs slightly between skins, depending on the way they're built and what options are included. In general you should be looking to make a change to some css settings, and the easiest way to find the setting is to use the Firebug plugin for Firefox (www.getfirebug.com). You can use this to select the HTML elements and see which ones have css controlling the overall width.

When you've found the selector and the CSS class or id that needs changed, you can then add this to the Stylesheet editor found here: Admin > SiteSettings > Stylesheet Editor, or make the changes to the relevant skin file if you have access to it.

If you're struggling to find this, please provide a link in your next post and we can help find it for you.

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
6/17/2010 5:13 AM
 

Fernando,

Apologies, I see you did include a link, I'm having a look now.

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
6/17/2010 5:36 AM
 

Fernando,

This is going to require you make changes to the .ascx file for the skin.

I've had a look through this and the links in the footer are stretching the design because there's a nowrap element in the TD, you need to add the following CSS to overcome this:

#Td_Links{
white-space:normal
}

It looks like the width of the skin is controlled through the first <tr> in the .ascx layout, this is the row containing the <td> with the id of TD_Skin. By changing the coded width of the cells in here, you'll be able to change the width.

Table based designs are notoriously difficult to work with and I'd recommend, if possible, to look for a div and css based option. These are generaly cleaner in code and easier to modify.

Hope this helps.

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
6/17/2010 10:19 AM
 
Rick, Thank you so much for the quick reply. That worked like a charm! Kind regards, Fernando
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Web site widthWeb site width


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