Joomla Templates Club 406,261 posts

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#161274

Hi,

I haved changed the size of my logo to 100px high. I have attached screen shots because i need the logo to be static and sitewide (no change on any page) and reduce the margins on the top and bottom.

i have had a play but can not seem to work it out…..

any help would be great.

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#380763

Hi,
You open <joomla url>templatesja_teline_ivcsstemplate.css file. Finding this code


h1.logo { height: 57px; margin-top: 40px; width: 222px; }
– To reduce the margins on the top and bottom, changing code

margin-top: 40px
– To change size of logo, changing code

height: 57px;
width: 222px;

2 users say Thank You to khoand for this useful post

1. global21
2. sirbal

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#380791

Thanks for that. I still have the problem of it droping down when you hover over it (where the teline logo changed colour) do you know how to deal with that. Also i need to deal with the margin at the bottom of the logo as well.

any pointers would be great.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#380849

Dear Global21!

Could you give us the link to your site to get helps more quickly?

Regards!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#380913

Hi,
– To deal with margin bottom, you just add margin-bottom into h1.logo, like this


h1.logo { height: 57px; margin-top: 40px; width: 222px; margin-bottom:10px }

– To make logo is static when mouse hover on it. Replace this code in <joomla url>templatesja_teline_ivcsstemplate.css file

h1.logo a:hover, h1.logo a:focus { background-position: left bottom; }
to

/*h1.logo a:hover, h1.logo a:focus { background-position: left bottom; }*/

1 user says Thank You to khoand for this useful post

1. global21

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#380915

hi,

your a legend, thanks for the help…..

[Author]

Posts