Post by kathyarias » Thu Nov 03, 2016 1:23 pm

I changed the Opencart logo for my logo, by replacing the name of my logo's file by the name given to the opencart logo and putting it in the same location. I just thought it would be resized, but now it's taking all the space of the pages (login and admin). It took like one day and a half to appear there, and now that I changed it back to the opencart logo, it doesn't get updated!! Help, please!! It's too big that it doesn't let me open the options in the left pane. Help me make it get updated, please!

New member

Posts

Joined
Fri Oct 28, 2016 1:30 am

Post by paulfeakins » Thu Nov 03, 2016 8:12 pm

Why not just change it through the settings page?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by kathyarias » Fri Nov 04, 2016 1:56 am

I did that too.

And although I like to give credit to Opencart, I prefer to have my own logo more visible

New member

Posts

Joined
Fri Oct 28, 2016 1:30 am

Post by IP_CAM » Fri Nov 04, 2016 2:42 am

In the admin/view/template/common/header.tpl
you have this Line:

Code: Select all

<a href="<?php echo $home; ?>" class="navbar-brand"><img src="view/image/logo.png" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" /></a></div>
and, as you see, no IMAGE Size Values exist, to eventually shrink/enlarge another image,
in order to to place it, like the DEFAULT Logo has been placed, when the header has been designed to work,
to match the Default Image size of:
121px width × 23px height !

You therefore have two choices, one, to create YOUR image in EXACTLY the same HEIGHT-Size, at least,
as used in the DEFAULT Admin Logo, or then, ADD the Size Values of your Image/Logo, by adding
width="XXX" height="xx"
to that Line, shown above, to look, at the end of that Line, like:
title="<?php echo $heading_title; ?>" width="XXX" height="xx" /></a></div>
where X + x would reflect the real image size width+height Values, by nature of things! ;)

BUT still, if you create an image larger in HEIGHT, it may enlarge your Top header Section, or even hide parts of the Logo, or overwrite/overlap other sections, as seemengly in your case, and so makes it look bad. Then, you have the
option, to eventually adjust the PADDING Values, in the stylesheet.css and bootstrap.css File, and the height Value as well, in the bootstrap.css, to make it look and match best.

Those two sections do contain such, I assume:
Stylesheet.css

Code: Select all

#header #button-menu + .navbar-brand {
	padding: 10px 10px 10px 10px;
	margin-right: 10px;
	height: auto;
} 
Bootstrap.css

Code: Select all

.navbar-brand {
  float: left;
  padding: 16.5px 15px;
  font-size: 15px;
  line-height: 17px;
  height: 50px; } 
The Code is taken from an OC 2.3 Version Software, it's all untested, since I don't have such installed.
So, don't ask me anymore questions on this, I could not check! :D
Good Luck
Ernie

PS: Strictly technically, you could FORCE the image, according to it's hardcoded Settings, you defined,
to fit any value, but it could make your image look not so good!
Last edited by IP_CAM on Fri Nov 04, 2016 12:24 pm, edited 6 times in total.

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by kathyarias » Fri Nov 04, 2016 11:02 am

Thank you so much! I will try this. :)

New member

Posts

Joined
Fri Oct 28, 2016 1:30 am
Who is online

Users browsing this forum: No registered users and 18 guests