I am looking to edit the current 328×100 logo sizing on my webpage’s newspaper theme to something smaller.. to better accommodate our new ad banners placed next to it. Where can I edit this?
In the theme panel header logo area it only allows a 328×100 image size to be uploaded.
I tried quickly re-sizing the logo and uploading through ftp but that ended up only making the image stretch to the same 328×100 size.
Thanks for your help.
Hello @whpro,
The logo size depends on the headers style used. Same thing for advertising banners. For a better accommodate with the new ad banners you need some CSS customization.
Please provide your site url and also more details about this so I can inspect it closer and be able to provide a more accurate answer.
Thanks.
prowrestling.com
thanks
Hello again,
I’ve checked your site and also you can try this css in theme panel=>custom css like this:
http://screencast.com/t/JqQkxZv6X6h1
http://screencast.com/t/VtQEKPjEGTPO.
.header-logo-wrap {
margin-right: 100px;
width: 250px;
}
You can adjust the logo image size if you increase or decrease the width value as you want.
Also you can adjust the ad banners position if you crease or decrease the margin-right value.
Hope this helps!
Thanks.
The theme panel=>custom css area does not contain the following code below. I even checked advanced.
.header-logo-wrap {
margin-right: 100px;
width: 250px;
}
It must be in another css file or area.
Hi again,
For obtain an result, you have to be put in code area this custom CSS like this:
http://screencast.com/t/o7ejAVEsj6jZ
.header-logo-wrap {
margin-right: 100px;
width: 250px;
}
Thanks and let us know how it goes!
Yes thank you!.. The solution you provided allowed me to decrease the logo size.. unfortunately I have a different problem. When you refresh prowrestling.com a couple times you will notice on occasion our webpage gets jumbled or displaced by a 728×90 Navy ad next to our logo. You can see the 728×90 ad creeping over the top of our logo. We normally run the same 728×90 type of ads in that slot, I am not sure why this navy ad campaign banner is any different from those.
I thought decreasing the logo image size to allow more space up top would surely solve the ad issue but it has not.
Any idea why this happens or solution?
Hi
I’ve checked your site and and the header ad is displayed fine, I reloaded the site a few times in browser and did’t found the issue: http://screencast.com/t/rYnyL795
Try to clear all caches and test again. Also you can try with a different banner ad and to see how it works.
Thanks!
You can only notice the strange displacement of the website when the 728×90 “Navy Ad Campaign” leaderboard is present next to the logo. Also the ad size is no different then any other 728×90 banner we use in that same ad slot but those ads don’t displace content on the website.
I did notice that 728×90 “Navy Ad Campaign” ad giving us problems has only one noticeable difference from others. The banner is visually interactive and it expands when touched by a user’s browser, I am assuming that’s the reason why this happens?
Thanks for your help everyone.
Hi,
If you alter the logo css you will have to adjust also the header ad css, you can try this custom css I guess it should fix it if I understood we your issue – http://screencast.com/t/xOcKhWFc
@media (min-width: 1200px) {
.td-header-bg .td-a-rec-id-header {
left: 0 !important;
}
}
I see that you use a very old version of the theme and I suggest to upgrade to the latest version when you have time, as you could have some issues/conflicts with plugins that you use or theme’s plugins.
Thanks!
