Public Forums 71,145 posts

[jimd Friend jimdJoin date: June 2010Posts: 3Downloads:0Uploads:1]

#151698

I have installed Purity2 on 1.5.18, which is great, especially the dropline menu. However, I would like to change the dark colour at the top of the site to make a clean white page without this dark bar across. I refer to the site name, menu navigation and user areas.
Is this possible with this template? If so any guidance/ pointers would be very helpful.
Thanks

---

Attachments:

1. 

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#346583

<em>@jimd 182228 wrote:</em><blockquote>I have installed Purity2 on 1.5.18, which is great, especially the dropline menu. However, I would like to change the dark colour at the top of the site to make a clean white page without this dark bar across. I refer to the site name, menu navigation and user areas.
Is this possible with this template? If so any guidance/ pointers would be very helpful.
Thanks</blockquote>
Yes, this is very easy.

My suggestion is to download Firefox (browser) and Firebug (Firefox Addon) with that tool you can easily locate the code that you need to alter inorder to change the colors and images.

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#346584

One example of the change would be to open the file: template.css

At around line 925 of the code you will find the following:


#ja-header {
background:none repeat scroll 0 0 #333333;
position:relative;
z-index:10;
}


You need to change the background from the above to the following:


background:none repeat scroll 0 0 #FFFFFF;


FFFFFF designates the HTML Color Code for White.

You can repeat this process for other sections of the template.

If you need further help, please let me know.

Thanks,
James

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#346585

Sorry, I keep thinking of things I should mention.

You also need and will want to remove the “Random Rotating” images I am sure. To do this open the file: header.php located in the templates folder under layouts/blocks.

At the top of this file you will see the following:


<div class="main" style="background-image: url(<?php echo $this->templateurl(); ?>/images/header/<?php echo $this->getRandomImage($this->templatepath().DS.'images/header'); ?>);">


Change this to the following:


<div class="main">


That will eliminate the changing pictures in the upper right area of the template and create a blank space for you to do with what you want.

Again, for more changes please let me know.

[Author]

Posts