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.

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?

Found it! Have to edit template.css, than it worked!

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"

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.

Hi,

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

.logo-img {
your width/height;
}