Changing logo size

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

Profile photo of Sherlock 0.00 $tone March 10, 2014
Public

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;.

#1
Profile photo of chavan 100.00 $tone March 10, 2014
Public

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;
}
#2

This question is now closed

Written By

Comments