Loving the theme but I really need to make the logo a bit taller and about three times the width.
I’m struggling to find the CSS necessary to change the logo size. Any help would be great.
Thanks,
Dre
3 answers
Go to the skin/frontend/default/jm_crafts/css/styles.css file, find these css rules:
HTML Code:
h1#logo, div#logo-text { border-right: 1px solid [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=EEEEEE]#EEEEEE[/URL] float: left; margin: 0; min-height: 60px; padding: 0; width: 123px; }
and
HTML Code:
h1#logo a { background-position: 10px 50%; background-repeat: no-repeat; color: [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=FFFFFF]#FFFFFF[/URL] display: block; height: 60px; text-decoration: none; text-indent: -99999em; width: 123px; }
Then increase the width value width: 123px;.
Go to this File: /skin/frontend/default/jm_crafts/css/styles.css
Find this code, change the width and height, so this would do the needful
Code:
h1#logo,div#logo-text{ border-right: 1px solid #eee; float: left; margin: 0; min-height: 60px; padding: 0; width: 123px; } h1#logo a{ background-position: 10px 50%; background-repeat: no-repeat; color: #fff; display: block; height: 60px; text-decoration: none; text-indent: -99999em; width: 123px; }
Thank you everyone, that’s superb. I’ll get it updated today. Many thanks.
This question is now closed