Replace default css logo with custom css logo - Override?

Hello,
I love this template!

The template has a logo from css option under 'template manager/features'
I have made my logo in css (its a lot of code) and it looks clearer and is responsive.

1. I want to display my css logo in the templates default css position.
2. I want to use an override.

Whats the best way to have the template manager display my css logo please?
The full code would be too big perhaps for the 'customer css option'

what are your thoughts
regards
D

1. Please to enable "CSS override" in template settings - advanced section.
2. Please edit /templates/magazine/css/override.css and place your custom css code there.

Hello,
Thanks for the tip.

I have the css file, I know where to put the override code, but I'm not sure what the surrounding code should be.

My code starts off with this:

Code: Select all

<table cellpadding=0 cellspacing=0 height=94 width=150 style="font-size:0px;height:94;width:150"><tr><td><table cellpadding=0 cellspacing=0 height=94 width=50 bgcolor="#ffffff" style="font-

The default code in the template appears to be this

Code: Select all

#gkLogo.cssLogo {
background-color: #4d90fe;
}
#gkLogo.cssLogo {
background: #4d90fe url('../images/logo.png') no-repeat 0 0;
height: 107px;
margin: 0;
width: 124px;
}
#gkLogo {
height: 35px;
margin: 5px 30px 0 0;
padding: 0;
text-indent: -999em;
text-shadow: none;
width: 140px;
display: block;
float: left;
-webkit-transition: background-color .3s linear;
-moz-transition: background-color .3s linear;
-ms-transition: background-color .3s linear;
-o-transition: background-color .3s linear;
transition: background-color .3s linear;
}

1. What parts of the original code to I leave, what parts to I delete and replaced with my new code. For example, should I strip the original code back to this

Code: Select all

#gkLogo.cssLogo {

}


and place my code between the '}' and '{' etc?

I'm still learning about code and appreciate your patience

Kind regards
Drew

Ok, sorry but you are terribly wrong.
You are mixing html with css and that are 2 completely different things.
HTML should be placed for example in modules (custom html module), while css styles the html and makes it look fine.
Also - using that many html mockup to place single logo is 100% wrong way. Logo should be made with simple clickable image. Creating html structure with tables is a method that was used 10 years ago - now methods of creating html structure differs a lot.

Thanks for the update - ok I'll look for a different solution.

Thanks for your suggestions, I always learn something from you guys

Regards
D

You should create simple image with logo, when you will have one, please write back, I'll tell you where to upload it and how to modify css for it.