Change the size of the logo

Hi,

I really like the theme, however I am looking to increase the width of the logo area by around 100 px. I have also currently got a 728×90 Leaderboard ad to the right of it. How do I go about doing this?

3 Answers

DominicStaff
answered 11 years ago

Hi !

You can login Dashboard > Appearance > widget >

remove ads on header.

URL: http://imgur.com/8n2qp9M

code css remove border : (login Dashboard > theme option)

 
<style>

.site-header #header {

background: inherit;

}

</style>

you can use plugin following:

Plugin :Simple Ads Manager

or you can use widget “Text”

Regards,

Dominic

Darryl Mitchell
replied 11 years ago

Hi Dominic,

Darryl Mitchell
replied 11 years ago

Hi, sorry I dont really understand what you are saying. I would like to keep the advertisement in the header, I am using an adsense widget. I would just like to increase the padding for a larger logo. http://imageshack.us/photo/my-images/543/screenshot20130510at093.png/

DominicStaff
answered 11 years ago

Hi !

you can log in to Dashboard > theme option > add coode following :

<style>

.site-header #branding a {

background-size : ….px;

width: …px;

}

</style>

or you can submit your site for us.

Regards,

Dominic

Michelle Morgan
replied 11 years ago

Hi Dominic I have the same problem, I used your code and increased the header width to 400px, and I got the sponsor link boxes to float right but I want to get rid of the 3 vertical grey borders that span that top header. I can’t find them in the css.

DominicStaff
answered 11 years ago

To change the logo size to 450 x 70 px, please follow my instruction:

Step 1: Log in to Dashboard > Appearance > Widgets

Delete all the Text widgets of Header in the sidebar. This is because the logo size is too big to have space for other widgets on Header.

See screenshot: http://i.imgur.com/dkhHHv3.png

Step 2: Go to Dashboard > Appearance > Themes> Select Customizer

See screenshot: http://i.imgur.com/hO7gYx9.png

Step 3: Choose General Settings, then paste the following code lines into “DW Focus header script”

see screenshot:http://i.imgur.com/K30Tjz5.png

 
<style>
.site-header #header {
background: none;
}

#branding {
width: 450px !important;
}

.site-header #branding a {
width: 450px;
height: 70px;
}
</style>

Step 4: Select Title & Tagline, upload a logo image with the size of 450x70px

And you will have a new webpage with the logo as requested.

See screenshot: http://i.imgur.com/yQRmczj.png

ALso, You can send me your site for further checking.
Hope this helps !
Regards,
Dominic