Problems Isolating and Removing Boarder Around Header
AnonymousDecember 24, 2014 at 1:53 am #9628
I’m redesigning my site but am having trouble identifying the cause of a thin white border around the Header. I used “Inspect Element” and tried several settings for #header, #php_widget-3 etc. but to no avail. Switched to Firebug and noticed that the white border does not seem to appear in Firefox so I could not identify it that way either.
Yep, already checked out several similar support topics but still no luck. Any advice would be greatly appreciated.Mod
AnonymousDecember 24, 2014 at 4:48 pm #44187
It is working in Firefox and IE but not in Chrome and Opera.
After the following code edit it will look like this:
I think this happens because the browser can’t find the image. If you set a header image it should be gone without the edit above.
If I disable your custom header height of 100px back to 200px the border stays around the 100px height.
You also have a “#header-left” and a “#header-right”. It probably has to do with it because if I hover these 2 values it only marks the area within the 100px and not the 200px.
Maybe Kenneth knows what’s up with all that.
AnonymousDecember 24, 2014 at 7:55 pm #44188
Quite right and thank you. I have tried the header as a single image and the white border does disappear in Chrome, hence the reason I though it may be related to the #php_widget-3 I am using to lay out the 3 separate images (i.e. left, center and right) with space between to resize according to the screen width.
Perhaps this is something I’m not meant to do in Graphene?
I also had a “fight” with the border in the header, but here you can see, no border:
Here is what I did. I put this in custom CSS:
border-bottom: 1px solid #000000;
height: 90px !important;
The 1px border-bottom is the black thin line in menu.
In settings I have set the header for 0px.
Make one image and put it in the header-widget and be sure it the same size as the height in header-code. You can make a link on the image, but if you start building a table – the border will come back.
I hope this will works for you.
- You must be logged in to reply to this topic.