MAKE A BIGEST LOGO IMAGE IN TEMPLAE TWN II v.2.5

(The World News II version for joomla 2.5)
Hello again,
I have been trying all posibilities I have found in this forum to make my logo image bigest without success.

For example this:
h1#gkLogo,
h1#gkLogo a {
margin:0;
height: 200px;
width:890px;
}
And this:

h1.logo a {margin-top: -107px !important}

h1#gkLogo a.cssLogo {width:970px ;height: 480px}

h1#gkLogo a.cssLogo{
height: 400px !important;
}


But nothing works and I do not know what else I could do: my logo picture that is 1000px x 180 does not change their size.

I'm fustrated now. Thnak you for your help!.

Best regards,L.

Please give me your site URL I'll give you proper code to add in override.css file but you need to remember to enable 'Use override CSS' option in template settings (in 'Advanced' tab)

I have been trying to do the same. I have removed the back (wrapper) image but cannot make my logo fill the space. The URL of the site is http://tigerseye.mkis.edu.my:8888/tigerseyedev/

What I have done so far

onlineadvanced.PNG

codedev.PNG

Thanks so much.

You need to only change widht/height for h1#gkLogo a img element like :

Code: Select all

h1#gkLogo a img {width: [value]px !important; height: [value] !important}

it is working for sure, please just look at this image >> https://skitch.com/bkrztuk/8ihsc/dreamweaver

You need to only change widht/height for h1#gkLogo a img element like :

Code: Select all

h1#gkLogo a img {width: [value]px !important; height: [value] !important}

it is working for sure, please just look at this image >> https://skitch.com/bkrztuk/8ihsc/dreamweaver

Thank you. It worked.

Website URL: http://tigerseye.mkis.edu.my:8888/tigerseyedev/

2 Questions: Is it possible to expand the logo to line up with the body?

perfect-option.gif

If not, can an image be placed behind to fill in the space? How?

2nd-best-option.gif

Thanks again for your help!

Please use this code

h1#gkLogo a img {max-width: 100%!important; width: 100%!important}

Site URL: http://tigerseye.mkis.edu.my:8888/tigerseyedev

Thanks for the reply. I inserted the code and now my logo is wide but too narrow.

Here is the code that is there now:

Tigerseyecode3may.PNG

The logo looks like this now:

frontpage.gif

Something grabs my attention that says I need to do some other change. The inspection of logo says it is 50px:

inspect.gif

Thanks again!

If you want to change the height you need to add 'height' declaration to previous code, like

Code: Select all

width: 100%; height: 120px