Shape 5

Wordpress Club Themes => Construction - Club => : jtlounge October 25, 2014, 07:45:59 PM



: Re-size Logo Area
: jtlounge October 25, 2014, 07:45:59 PM
For the demo logo, for Construction, in the '/public_html/wp-content/themes/s5_construction/images' directory, s5_logo.png , has the dimensions of: w-253px by h-59px.
When I tried to make 'my' logo a little larger, the web page cut it off so you couldn't see all of my logo.

Is there a way for me to make it so the area on the web page that holds the logo can be modified so it can fit a larger size logo without being cut off?

If so, where could I make these changes?

Thanks.


: Re: Re-size Logo Area
: Tristan Rineer October 27, 2014, 06:51:11 AM
Firebug (http://getfirebug.com/) shows me that you can use the following CSS in the theme's style.css file:

:
#s5_logo {
    height: 5px !important;
}

Set the height to whatever you need it to be.


: Re: Re-size Logo Area
: jtlounge November 04, 2014, 10:19:13 AM
Anything for the length as well?


: Re: Re-size Logo Area
: Tristan Rineer November 04, 2014, 11:46:36 AM
You can also use the CSS "width" property in the above code.

Firebug (http://getfirebug.com/) is an excellent tool which will help you to see how the code works and test CSS changes in the browser before editing site files.

I also recommend using the Codecademy course on HTML & CSS (http://www.codecademy.com/tracks/web) to lean the basics; it's free, and it will save you a lot of time to not have to wait for a response on the forum when it's something basic that can be done in less than a minute on your own.


: Re: Re-size Logo Area
: jtlounge November 04, 2014, 01:26:55 PM
Thanks.