Transparant Theme

Hello,

I bougth the theme 'Mystore'.

Url: http://wilmaco10.ten.axc.nl/
Demo: http://demo.gavick.com/joomla15/may2010/

As you can see the demo makes use of transparant space between modules and in the header.
As you can see my site there isn't whitespace between the modules or in the header.

Is there someone that can help me?

Also I want to change the background color. I adjusted this in template.css but it has no effect.

Thanks in advance

Gr Luuk

Hi.
You mean reduce white space between top menu ( Informatie / Contact ) and main menu?

Hello,

Yes that's what I mean!

Also, in the demo under the slideshow there is also no white color. There you can see the background. I want this also on my site.

To reduce this space please edit template.css file and find the following line:

Code: Select all

 #gk-toolbar {
margin: 5px 0 0 0;
padding: 10px 0 0 0;
overflow: hidden;
color: #6C6459;
height: 85px;    //here you can put your value, eg. 10px.
}

When it comes to white color under slideshow try to open css3.css and find the following line:

Code: Select all

#gk-header {
-moz-box-shadow: 0 10px 20px #dfdfdf;
-webkit-box-shadow: 0 10px 20px #dfdfdf;  //change the second value (eg. 200px) and check the results
}

You have removed some background images causing the issue:

1) main_bg.png
2) bg.jpg

These files are expected to be under images folder of the template.

Hello,

I edited both files but I see no difference.

-webkit-box-shadow: 0 10px 20px #dfdfdf; //change the second value (eg. 200px) and check the results

Do you mean that I have to change 10px in to 200px?

When I adjust the heigth under the header. 85px to 15px I don't see any difference.

I didn't remove the main_bg.png. But I can't see bg.jpg.

How do I change the color of the gaps into transparent.

Thanks for your reactions!

I see those image file are missing causing the issue, you should get them back or remove the css code calling them to display. CSS changes:

- File: /templates/gk_mystore/css/template.css
- Find:

Code: Select all

body { line-height:1.8; background:#efefef url('../images/bg.jpg') repeat center 0; background-attachment: fixed}


- Change to:
body { line-height:1.8; }
[/code]
- Find:

Code: Select all

#gk-wrapper { padding:0; margin:0 auto 20px auto; background:white url('../images/main_bg.png') no-repeat center 0; }


- Change to:

Code: Select all

#gk-wrapper { padding:0; margin:0 auto 20px auto;}


The background will be transparent after changing but you won't see that because its background color is white.