Hi
Been searching extensively here and on the web and can't find any solutions to my problem.
I simply want to make my logo bigger, both longer and wider. I'm using a template but the code doesn't seem to be different than in the default. If I simply make the image bigger it is resized and squashed to fit that deafult size (the Optima logo is the template default.)
Here is my site: www.lazyfruit.com
Would much appreciate some help with this, its driving my crazy.
It is sized automatically by the column width.
In your header template file you will have something like
The column holding your logo is set 2 column width - everything to the right of your logo is set at 10 column width
The column widths must add up to 12
So, you can change col-md-2 for your logo column to col-md-4
You must also then change further down the right column width from col-md-10 to col-md-8
4+8 = 12
or you could do 3 and 9
In your header template file you will have something like
Code: Select all
<header>
<div class="header">
<div class="container">
<div class="header-inner">
<div class="row">
<div class="col-md-2 col-sm-12 col-sms-12">
<div id="logo">
<a href="http://lazyfruit.com/index.php?route=common/home">
<img alt="Lazyfruit" title="Lazyfruit" src="http://lazyfruit.com/image/catalog/logo.png">
</a>
</div>
</div>
<div class="col-md-10 col-sm-12 col-sms-12">
The column widths must add up to 12
So, you can change col-md-2 for your logo column to col-md-4
You must also then change further down the right column width from col-md-10 to col-md-8
4+8 = 12
or you could do 3 and 9
Thanks so much, explained perfectly!!
I knew it would be something simple but if you don't know exactly where to look, it ain't simple.
Surely this is a common desire and should be possible within admin?
Anyway it works and you've allowed me to destress ... a little at least!
I knew it would be something simple but if you don't know exactly where to look, it ain't simple.
Surely this is a common desire and should be possible within admin?
Anyway it works and you've allowed me to destress ... a little at least!
Or you may install my free extension Custom CSS and add code below
The change will be not lost when you upgrade the theme.
Code: Select all
@media (min-width: 992px) {
.header-inner .col-md-2 {
width: 33.33333333333333%;
}
.header-inner .col-md-10 {
width: 66.66666666666666%;
}
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Hi Viethemes,
With your custom CSS extension, I tried following but it isn't taking into effect. Any idea why>
With your custom CSS extension, I tried following but it isn't taking into effect. Any idea why>
Code: Select all
@media (min-width: 768px)
.col-sm-4 {
width: 20.33333333%;
}
@media (min-width: 768px)
.col-sm-5 {
width: 54.66666667%;
}
Could you provide your site URL, so I can take a look at it closer?
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
hi guys this is exactly what i want to do is it done through the theme editor in control panel or the raw files on server
please help
my site www.rk-catapults.co.uk
many thanks
rob
please help
my site www.rk-catapults.co.uk
many thanks
rob
Who is online
Users browsing this forum: No registered users and 9 guests
