Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Enlarge logo size for Ollie

Enlarge logo size for Ollie

1. Click open the code editor. On the left hand column you will find the list of the page layouts. Click into the page you want to customize the logo size limit. In this example, we will choose the landing.html

 
2. locate this code:

 
{logo max-width="150" max-height="50"}

Here the max width and height is defined. You can alter the number to change the limit.

 

3. Repeat step2 in all of the page layout you want to customize the logo size limit.

 

4. Click into “main_style.css” and locate this code:

#header .logo a {
float: left;
max-width: 150px;
max-height: 50px;
margin-top: 8px;
position: relative;
}

Here change the width and height limit to your change in step2

 

5. Directly below the code above, add this code:

.logo {
float: left;
}

So the final codes will look like this:

 

#header .logo a {
float: left;
max-width: 150px;
max-height: 100px;
margin-top: 8px;
position: relative;
}

.logo {
float: left;
}

 

6) Save and re-publish your site for the change to take effect.

Tags: