Customizing SMF > Theme Site Themes

2.0 Sunset

<< < (17/18) > >>

justjim:
Chadon

Very nice theme.
Could you direct me to the right section in the style.css sheet (or other file) to change the font color in the header? I.E. where is says "Welcome, guest login, etc.

Thank you

chadon:
Hi Justjim and thank you for the compliment.

Near the end of the style.css file you will see the code needed for everything in the header under ".top".

The page and forum title is within this code:

--- Code: ---.top h1 {    color: #F0FFF0;
--- End code ---


and the "welcome, guest login, etc" is below the previous code:


--- Code: ---.top p {    color: #C0C0C0;
--- End code ---

eafshar:
Hi!  this is by far the best template i have found so far.. could yo please help me change the background color and add a repeating image instead. i am refering to the background image of all the pages which is currently black.  And also where the link to the sunset image is located for when i want to change it.

many MANY THANKS!

chadon:
Hi Eafshar, thank you for the compliment. :)

To modify the background you can modify the style.css file located in the sunset folder.

At the begining of the file find the following code:


--- Code: ---body {background : #000000;}
--- End code ---

and replace it with:


--- Code: ---body
 {
 background-image:url('images/name-of-image.jpg');
 background-color:#000000;
 }
--- End code ---

You will have to replace name-of-image.jpg by the name of the file by the one you want to use and upload this file in the /themes/sunset/images folder of your forum.
The background color #000000 is for a black color but you can replace it with a valid hml color code and find it in websites like the following ones:
http://www.google.com/search?q=html+color+codes

To replace the sunset image in the header you will have to name the file you want to use "titlebg.jpg" and place it in the images folder of the sunset theme or replace titlebg.jpg with the name of your image in the following code located at the end of the style.css file:


--- Code: ---.top
{
    background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
}
--- End code ---

I haven't tested the codes I'm giving you so if you have any trouble, let me know and I will look deeper into this.  ;)

eafshar:
Thank you Chadon!

i used

body
{
   background-image: url('images/pattern_1.jpg');
   background-repeat: repeat;
}

and

deleted the .topr background as i wanted to have the same background as the rest of the site.

It is working very well!  However i am also interested in changing the width of the top banner
check hxxp:consciousnesscentre.ca/forum/ [nonactive] .   please direct me as to where the width of the top banner is controled.  Thank you!

Navigation

[0] Message Index

[#] Next page

[*] Previous page