Bike Store Custom Logo

Hi, I'm not having much success in configuring the css to get my logo showing correctly. I need to know the right settings to adjust and in what css file to increase the logo size and remove the background.Thanks in advance for any help you can give

http://www.moto-parts.com.au.

Hi,

You can upload your logo image in BikeStore -> Template Options -> Theme Branding, or use e.g. this css:

Code: Select all

#gk-logo {
background: transparent;
}
#gk-head a.cssLogo {
background: transparent url('../images/style1/logo.png') no-repeat 0 center;
height: 68px;
width: 194px;
}

in override.css file
(First enable this option in Template Options -> Advanced tab)

Please edit: wp-content/themes/BikeStore/css/override.css

Code: Select all

#gk-head a.cssLogo, #gk-logo {background-color: transparent;}
#gk-head a.cssLogo {width: 200px; height: 86px;}
.gk-page {position: relative;}
#gk-logo {position: absolute; top: -20px;}


Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Awesome, all sorted out now. The only problem now is when you view it on an iPhone the logo cuts off. Is there any way to fix this?

Code: Select all

@media all and (max-width: 920px) {
  #gk-logo {
    position:relative; top: 0px;
  }
}


add this at the end of override.css

That's great. Thanks for your prompt responses and help to get it sorted out.

No problem.
If You will have any other questions, feel free to post new forum threads.