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, ...How do you change the background-image for a sight?How do you change the background-image for a sight?
Previous
 
Next
New Post
3/12/2006 4:31 AM
 
jmcwilliam wrote

Good point nina, my solution perhaps approached the issue from too much of a beginner standpoint, like someone who is not familiar with style sheets, as many of my customers are.

As far as editing the stylesheet of the default skins, nina is absolutely correct, the pagemaster and skinmaster classes are what current sets the background-color.  You can change these settings by creating a custom skin or override them by going into Admin - Site Settings and scrolling down and expanding the Stylesheet Editor section, adding the following lines and clicking 'Save Style Sheet'

.pagemaster{background-color:transparent;}

.skinmaster{background-color:transparent;}

This will allow you to set the Background Image in Admin-Site Settings.  If you wanted to set the background via the style sheet itself, you could add the following lines instead:

.pagemaster{background-color:transparent;background-image:url(bgimage1.jpg);}

.skinmaster{background-color:transparent;}

Where bgimage1.jpg is the url or file and path of your background image relative to your corresponding skin html file.  I recommend using relative paths instead of fully qualified urls (which hardcode http) to prevent issues with your skin causing mixed content errors if it is used on an SSL secured (https) page.



I went in as this post suggestes and added these pagemaster and skinmaster entries to my stylesheet editor and then set the background color of the body to white and nothing happened. What have I missed?
 
New Post
3/12/2006 5:46 AM
 

Ok this may require a little more clarification-

The pagemaster & skinmaster styles are only if you are modifying and using the default skins and working with those.

If you have chosen to create one from scratch, without using a default skin as your starting point, your body css class should work.

Sometimes you need to refresh the page a couple of times for the changes to show.

You also need to ensure you name your css file in the folder - skin.css -  I have seen a few people not realising that the css file needs to be named  skin.css for it to be picked up in the folder.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
3/12/2006 5:49 AM
 
I'm using the stock standard blue skin.
 
New Post
3/12/2006 6:38 AM
 

As far as doing a refresh goes, you should do a 'hard-refresh' to make sure you aren't using a cached version of the style sheet.  In IE, I believe you can quickly by hitting Ctrl-F5.

As far as naming your style sheet skin.css, that is true, with one exception.  You can also name your style sheet the same name as your skin html file.  So if you had TestSkin1.html, you could have TestSkin1.css.  I would not recommend this and instead try and keep all common styl sheet elements in the common skin.css to avoid duplicating things and increasing the size of your overall skin package if you have multiple skins.

 
New Post
3/12/2006 6:55 AM
 

wait, you set the background color of the body (ie. body{background-color:#FFFFFF;})?  This may not work because DNN may override that with what it does to insert the background-image.  If you want to set the background to white, try the following:

.pagemaster{background-color:#FFFFFF;}

.skinmaster{background-color:#FFFFFF;}

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How do you change the background-image for a sight?How do you change the background-image for a sight?


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