Insert logo on the top left of mystore template

Hi guy's,

I want insert a logo image on the top left of My Store template exactly on the same place of "Help Center Live Chat Contact Us Terms and Conditions". Wich files I must change to do that ?

A second question : is how to disable the blank margin or padding (top, bottom, left and right blank margin) of the images slideshow on the frontpage header.

Thanks.

[center][/center]


please use the search function of the forum... both have been covered several times...

for the second question, try use the " clear" module prefix (remember the space before clear.

Thanks and sorry

I want insert a logo image on the top left of My Store template exactly on the same place of "Help Center Live Chat Contact Us Terms and Conditions". Wich files I must change to do that ?

I have created a new custom module where i have placed my logo image, with the link to the home page and i have published in the position Top Menu and I have disabled the other module top template menu.


I have opened the file templategk_mystorecsstemplate.css and I have saved with the name template_original.css

I have opened the file templategk_mystorecsstemplate.css and I have changed these parts:

Original

/*
* Top+Header
*/

#gk-toolbar { margin:20px 0 0 0; padding:10px 0 0 0; overflow:hidden; color:#6c6459; height:25px; }
#gk-search { float:right; width:auto; padding:6px 10px 6px 0; }
#gk-tools { float:right; min-width:300px; text-align:right; }
div#gk-tools #btn_tools { margin-right: 16px }
div#gk-tools .tools_btn { cursor:pointer; padding:0; display:block; float:left; width:16px; height:16px; border:none; text-indent:-10000px; text-align:left; background:transparent url('../images/user-tools.png') no-repeat 0 0 }


Changed

/*
* Top+Header
*/

#gk-toolbar { margin:20px 0 0 0; padding:10px 0 0 0; overflow:hidden; color:#6c6459; height:97px; }
#gk-search { float:right; width:auto; padding:6px 10px 6px 0; }
#gk-tools { float:right; min-width:300px; text-align:right; }
div#gk-tools #btn_tools { margin-right: 16px }
div#gk-tools .tools_btn { cursor:pointer; padding:0; display:block; float:left; width:16px; height:100px; border:none; text-indent:-10000px; text-align:left; background:transparent url('../images/user-tools.png') no-repeat 0 0 }

I have inserted a logo image of 231px × 92px

The final thing is that the tools must be enabled on template params.


Bye

if you want you can hide the tools from css with the display:none

Thank you

This was the way i should have done it but i opted for a quicker nad dirtier method, fropped the template down and created a new bg file and then edited the menu css to lose the logo position

Thank you berghem, that's work fine.

Greetings People

I have done the above but now I have the text SITE SLOGAN that has remained on my template please help

http://www.cateringbusiness.co.za/index ... Itemid=181

lemtrac wrote:

Greetings People

I have done the above but now I have the text SITE SLOGAN that has remained on my template please help

http://www.cateringbusiness.co.za/index ... Itemid=181

Hi

Try adding this code on template.css file:

Code: Select all

#gk-toolbar {margin: 0!important;}
#gk-top-menu {position:relative;top:-10px;left: -25px!important;}
.site-slogan {display:none}
#gk-nav {margin-top: 0!important}


I suppose this is something similar of what you need.

Cheers

Works well thank you.

My condolences to your grandfathers passing

Keep up the great work

Thank you

Hi!

Sorry for asking but where did you insert your logo image?

// I fixed it, so just ignore me. Sorry