Joomla Templates Club 406,261 posts

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#194072

I am using am image logo on my JA Social Site which is nearing end of development (cdmas.cloudaccess.net). The header span for logo is set to 8 and the template.css is set to height 203 and length 1066. Despite those settings the logo appears VERY small. I cant seem to find any setting that is causing the problem, and can not seem to get the logo to appear the correct size. HELP!!!!!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#519824

Hi

You need to check here also /templates/ja_social/css/themes/tan/template.css line 3709

.logo-image a {
background-image: url("../../../images/logo.png");
background-repeat: no-repeat;
height: 75px;
width: 194px;
}

logo is taking settings from here

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#519825

Forgot that there was another place settings were located. That fixed the sizing, but now the image is truncating even though the image size is 1066 wide by 203 high. I had assumed it would simply scale. How do I get the entire image to show? Resize it?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#519826

Checked and appear nice, you resized it ?

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#519828

Figured out that the solution was resizing, and then adjusted image size settings. Thanks so much.

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#519829

Yes, resized the image and then adjusted the css settings. Thanks so much.
<em>@pavit 407639 wrote:</em><blockquote>Checked and appear nice, you resized it ?</blockquote>

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#519831

Looking at it, I really think I would like to logo to be slightly larger than the image below it, so I changed the header to span 9 and 3 from the previous 8 and 4, but it made no difference. Any other place I need to change that setting or is 9 and 3 not possible?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#520037

@allenjj: In fact, the logo is showing with max width of span8 now. If you still want to make it larger, you can open templates/ja_social/tpls/blocks/header.php and adjust the span value to span9 again as you did.

Then try to put below override css codes into custom.css file:

.logo-image a img {
width: 100%;
height: 100%;
}

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. allenjj

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#520137

Didnt think about the override code. Thanks so much. With some additional fiddling on the sizing and margins its looking good. Thanks again.

[Author]

Posts