to remove thick white boarders

Dear Gavick Team

Congratulations on such a wonderful template. myStore.

I need your support to do the following:
- To remove thick white border across image banners and just leaving 20px space in between.

- To use larger area of the screen for website content. This is possible if the left and right margins (bg & white space) can be reduced, e.g. 20 px each side, thus giving more space to the website content.



Kind Regards,
Shahzad

can u show me a picture of what you want removed/replaced...

Also, if you please visit http://www.cisco.com you'll find there what I want to say.

To display the three image banners on background only. no need of thick white boards across as I find in eStore template.

To leave only few pixels of margins on left and right side of the page.

--
Regards,
Shahzad

Hi

Try to use this class at the end of template.css file:

Code: Select all

#gk-botsl1 .gk-box-left > div, #gk-topsl1 .gk-box-left > div {
margin:0;
padding:0;
background:none repeat scroll 0 0 transparent;
}


Hi

I wrote you on your gmail account. Looking forward to getting your help with the customization I requested.

Shahzad

Hi

Done with this code:

Code: Select all

#gk-botsl1 .gk-box-left > div, #gk-topsl1 .gk-box-left > div,
#gk-botsl1 .gk-box-center > div, #gk-topsl1 .gk-box-center > div,
#gk-botsl1 .gk-box-right > div, #gk-topsl1 .gk-box-right > div {
margin:0;
padding:0;
background:none repeat scroll 0 0 transparent;
}

#gk-container {
padding:20px 5px 4px;
}

#gk-container .mainlevel, #gk-container .sublevel {
padding-left:5px !important;
}


You just need to put there bigger images.

Many thanks Teitbite.
Your code worked and I am able to resize the image banners.

Stay blessed
Shahzad

Hi dear,

Can you please also help with removing white-thick boarders from the header photo-slide?
From the same website using myStore template. The URL is: www.web3matrix-demos.com/cms/dvcom

Thank you,
Shahzad

Hi

Try with that:

Code: Select all

#gk-header {
background:none repeat scroll 0 0 transparent !important;
-moz-box-shadow:none;
-web-box-shadow:none;
margin:0;
padding:0;
}

#gk-header .moduletable,
#gk-header .moduletable_menu,
#gk-header .moduletable_text,
#gk-header div.color,
#gk-header div.color1 {
background:none repeat scroll 0 0 transparent !important;
}