Joomla Templates Club 406,261 posts

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#197080

How do I get the main logo to expand to fill the entire “brand” area?

I am talking about the t3-header region that has 6 spans for the logo and 6 spans for the ad? I just want to use the entire available area to the left of the ad region for a logo. NO title area, no slogan are . . . just image to match the ad?

I am assuming that by using the region then it will act responsively.

Thx

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#532447

What are the actual dimensions of your logo image?

1 user says Thank You to TomC for this useful post

1. olderthanwiser

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532449

<em>@TomC 423694 wrote:</em><blockquote>What are the actual dimensions of your logo image?</blockquote>

It is 500 x 92, but it could be any size. What is optimal?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#532471

<em>@olderthanwiser 423696 wrote:</em><blockquote>It is 500 x 92, but it could be any size. What is optimal?</blockquote>

Just so I know what it is you are envisioning . . . Might you be able to throw together a screenshot mock-up of how you want your logo/header area to display?

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532473

<em>@TomC 423722 wrote:</em><blockquote>Just so I know what it is you are envisioning . . . Might you be able to throw together a screenshot mock-up of how you want your logo/header area to display?</blockquote>

To fill the space defined by the blue border.

---

Attachments:

1. 

[goodpixel Friend goodpixelJoin date: December 2012Posts: 65Downloads:0Uploads:3 Thanks: 6 Thanked: 31 times in 27 posts]

#532474

You have tried to change the ‘.logo-image a’ in your template CSS?

.logo-image a {
height: 92px;
width: 500px;
}

1 user says Thank You to goodpixel for this useful post

1. olderthanwiser

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532534

<em>@goodpixel 423727 wrote:</em><blockquote>You have tried to change the ‘.logo-image a’ in your template CSS?

.logo-image a {
height: 92px;
width: 500px;
}</blockquote>

No because it still constrains the logo size for responsive purposes

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#532535

Try using the following code. It should keep it responsive.

.logo-image a {
width: inherit;
height: inherit;
}

Hope that helps

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532537

No it doesn’t seem to override the “brand” div. In this region (see photo above) you have the “slogan” defined as well as the text block.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#532541

I can’t see your code properly as you have compress css ‘on’ set and dev mode set in your backend.

But this is the look with that code

Clear all your site cache as the site is running it all from cached files i.e. t3-assets

---

Attachments:

1. 

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532543

<em>@swissa 423810 wrote:</em><blockquote>I can’t see your code properly as you have compress css ‘on’ set and dev mode set in your backend.

But this is the look with that code

Clear all your site cache as the site is running it all from cached files i.e. t3-assets</blockquote>

I have disabled those options.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#532549

Well the code works.

It’s located in /css/themes/blue/template.css @ line 5026

If you are using T3V3 then make a custom.css file and add it in there. http://t3-framework.org/documentation/bs3-customization#custom-css

---

Attachments:

1. 
2. 

[olderthanwiser Friend olderthanwiserJoin date: August 2008Posts: 27Downloads:1Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#532553

That WORKED great! Your the best! Thx

[Author]

Posts