Joomla Templates Club 406,261 posts

[scala design Friend scala designJoin date: September 2012Posts: 12Downloads:0Uploads:0 Thanks: 3]

#185297

I am using Joomla 3.0 with the JA Mero template. I am trying to center my logo image so that it is in the middle rather that on the left. I have already gone into my less folder and edited the style.less file and then hit the compile LESS to CSS button.

This is the original code:

// Logo
// ———————————————————
.logo {
float: left;

h1, h1 a {
display: inline-block;
line-height: 1;
margin: 0;
}

This is what I changed it to:

// Logo
// ———————————————————
.logo {
float: none;

h1, h1 a {
display: inline-block;
line-height: 1;
margin: 0 auto;
}

Please let me know what to change to accomplish this. Thanks!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#484591

You can try it again

Open templates/ja_mero/less/style.less file
from

.logo-image {
overflow: hidden;

a {
background-image: url("@{T3LogoImage}");
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
}

//hide sitename and slogan
span, small {
display: none;
}

}


change to

.logo-image {
overflow: hidden;
text-align: center;

a {
background-image: url("@{T3LogoImage}");
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
}

//hide sitename and slogan
span, small {
display: none;
}

}


and then hit the compile LESS to CSS button.

Go to templates/ja_mero/tpls/blocks/header.php file
from

<!-- LOGO -->
<div class="span8">
<div class="logo logo-<?php echo $logotype ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
change to

<!-- LOGO -->
<div class="span12">
<div class="logo logo-<?php echo $logotype ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>

1 user says Thank You to Ninja Lead for this useful post

1. scala design

[scala design Friend scala designJoin date: September 2012Posts: 12Downloads:0Uploads:0 Thanks: 3]

#484774

This worked great! Thanks!

[Author]

Posts