Change position of logo in Breeze template

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
Tomteedom
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Sep 16, 2019 8:47 am

Change position of logo in Breeze template

Post by Tomteedom » Mon Sep 16, 2019 9:10 am

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.

Rahack
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Sep 16, 2019 11:35 am

Re: Change position of logo in Breeze template

Post by Rahack » Mon Sep 16, 2019 11:56 am

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>

Tomteedom
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Sep 16, 2019 8:47 am

Re: Change position of logo in Breeze template

Post by Tomteedom » Tue Sep 17, 2019 9:41 am

Thanx, this works!
So this is a change in HTML code, is it also possible to do this in the CSS code?

User avatar
AMurray
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4940
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Change position of logo in Breeze template

Post by AMurray » Fri Sep 20, 2019 9:36 am

You should do this a template override; the next time you update Joomal, it will wipe out these changes made directly in the template.
Regards,
--------------------------------------------------------------
A Murray
Millennium Falcon - it's the ship that made the Kessel run in less than 12 parsecs! The fastest hunk of junk in the galaxy.

Tomteedom
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Sep 16, 2019 8:47 am

Re: Change position of logo in Breeze template

Post by Tomteedom » Fri Sep 20, 2019 3:03 pm

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?

gws
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3910
Joined: Tue Aug 23, 2005 1:56 pm
Location: South coast, UK
Contact:

Re: Change position of logo in Breeze template

Post by gws » Fri Sep 20, 2019 4:47 pm

The position is determined by php / html code not css.

Tomteedom
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Sep 16, 2019 8:47 am

Re: Change position of logo in Breeze template

Post by Tomteedom » Tue Sep 24, 2019 1:33 pm

Okay, that's clear. Thanks for the reply.


Post Reply

Return to “Templates for Joomla! 3.x”