Page 1 of 1

Change position of logo in Breeze template

Posted: Mon Sep 16, 2019 9:10 am
by Tomteedom
How can I change the position of the logo?

I succeeded in changing the logo in the Breeze template for my own logo. The next thing I want is to change the horizontal postion from the left to the middle.

The Breeze template doesn't have the possibility to change the postion of the logo via the template manager, so I tried to find out how to change CSS via the 'web inspector'.
The default CSS code for the logo is:

max-width: 100%;
width: auto \9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;

I tried extra code-lines with 'margin-left: auto;' and 'margin-right: auto; but this doesn't do the work.

Re: Change position of logo in Breeze template

Posted: Mon Sep 16, 2019 11:56 am
by Rahack
Open index.php in text editor from Breeze template folder.
Find this script:

Code: Select all

<div class="span3">
    <a class="brand pull-right" href="<?php echo $this->baseurl; ?>">
        <?php echo $logo; ?>
    </a>
</div>
<div class="span9">
    <div class="header-search pull-right">
        <jdoc:include type="modules" name="top" style="none" />
    </div>
</div>
And change it to:

Code: Select all

<div class="span9">
    <div class="header-search pull-right">
        <jdoc:include type="modules" name="top" style="none" />
    </div>
</div>
<div class="span3">
    <a class="brand pull-left" href="<?php echo $this->baseurl; ?>">
        <?php echo $logo; ?>
    </a>
</div>

Re: Change position of logo in Breeze template

Posted: Tue Sep 17, 2019 9:41 am
by Tomteedom
Thanx, this works!
So this is a change in HTML code, is it also possible to do this in the CSS code?

Re: Change position of logo in Breeze template

Posted: Fri Sep 20, 2019 9:36 am
by AMurray
You should do this a template override; the next time you update Joomal, it will wipe out these changes made directly in the template.

Re: Change position of logo in Breeze template

Posted: Fri Sep 20, 2019 3:03 pm
by Tomteedom
It's safe, I made a copy of the template and renamed it. Does anyone know if the wanted change in postion is als possible in CSS?

Re: Change position of logo in Breeze template

Posted: Fri Sep 20, 2019 4:47 pm
by gws
The position is determined by php / html code not css.

Re: Change position of logo in Breeze template

Posted: Tue Sep 24, 2019 1:33 pm
by Tomteedom
Okay, that's clear. Thanks for the reply.