We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Guido
  2. General Discussion
  3. Saturday, 26 April 2014
  4.  Subscribe via email
i'vfe been searching for how to edit the width and heigh of the top logo, but without success. Seems to be different on the actual version, cause all links i found to it are dead. Thanks!
  São Paulo, Brazil
Visit 
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi all,

To customize style of t3 bs3 blank template logo, there are 2 steps:

1. In the header.php file (templates/t3_bs3_blank/tpls), you will see how t3 logo is declared and the class to style for the logo.

<!-- LOGO -->
<div class="col-xs-12 <?php echo $logosize ?> logo">
<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="/<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm" src="/<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->


2. Add style for declared class in the style.less

// Logo
// ----
.logo {

text-align: center;

// Left align the logo on Tablets / Desktop
@media screen and (min-width: @screen-sm) {
text-align: left;
}

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

// Logo Image
// ----------
.logo-image {

width: 200px;
height: 50px;
// Hide sitename and slogan
span, small {
display: none;
}
}

// Logo Text
// ----------
.logo-text {

a {
text-decoration: none;
font-size: ceil(@font-size-base * 2);
font-weight: bold;
}

&:hover a,
a:hover,
a:active,
a:focus {
text-decoration: none;
}

// Taglines
.site-slogan {
display: block;
font-size: @font-size-base;
margin-top: 5px;
}

}


@Murray: it does not work. In T3 bs3 blank template, it's different.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Does it depend on the template being used?

I am using the t3-bs-blank template, and the instructions found here: http://t3-framework.org/documentation/bs3-customization#logo-custom seem to be pointing to t3_blank template instead, as the code described isn't in the variables.less file. Can I copy the code as found in the t3_blank/less/ folder; to wit -

// T3 LOGO
// --------------------------------------------------
@T3logoWidth: 204px;
@T3logoHeight: 65px;

into the same file (same location) in the t3_bs3_blank folder?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Found it! Have to edit template.css, than it worked!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your assistance, friends! I've tryed both, but it just works for logos smaller than 160px. My logo is 250 pix width and looks streched- site at http://www.hospedefacil.net/site. Thanks"
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Guido,

Please check the docs: http://t3-framework.org/documentation/bs3-customization#logo-custom

If it does not work, please give your site url here, disable dev mode, I'll have closer check.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

you can add css style to your template. Logo (img tag) has a log-img class.

.logo-img {
your width/height;
}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.