This is my site :
http://unitech.pcpeopleuk.com/
I am trying to make the header image I have to be displayed as 1080 x 202 instead of it’s current 1010 x 202 but I am really struggling to find a way of updating it so it in effect has no white border around the left and right hand sides.
I am running as layout bound : boxed with the default masthead and have removed the padding that was previously above and below the logo.
Any help or pointers of where I should be looking would be greatly received :)
Hi Uni Tech
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
#masthead { padding: 0; } .main-navigation { margin: 0; }Let us know how you get on
Magus
Hi Magus,
Thanks for your reply and help.
If I apply the change above, the blue menu bar extends wider but my image remains the same size.
Inspecting the page element using Firefox, it looks to be with the <img class="logo-height-constrain" aspect where the size is being limited to width=1010 and height =160
Is it possible to configure that aspect larger? I have a screenshot but it won't let me upload it though.
Thanks again.
Gareth
Hi Gareth
Please try the following instead. I have added some resize elements for the logo and have added the !important tag to the menu resize. This should give you the desired result.
#masthead { padding: 0px; } .logo, .logo-height-constrain { width: 100%; } .main-navigation { margin: 0px !important; }regards
Magus
Hi Magus,
Yes! That achieves the look I was hoping for with the full width logo – it has a slight stretch on the image (most noitceable on the company logo on the page but nothing too detrimental I don’t think.
Thanks!
Gareth