-
Posts
-
Hi there
Om my website, I have a rather large image as logo. This is placed in a header widget. But sometimes, the header image doesn’t show which leaves a large empty field on the page. The same thing happens for some of my readers.
Any idea what is going on?
Hey Malene,
You seem to be getting a 404 error on the image:
Double check the image is present and maybe try re-uploading it.
Best regards,
Jordan ShannonHi Jordan
Thank you for your quick reply. I’ve tried just that, but it still doesn’t seem to work??
Best
MHi,
Can your try a different image just to test that the image may not be the issue itself?
Best regards,
Jordan ShannonSorry, just did. But it still seems the same :-(
Really weird, cause it works perfectly with the header widget on some of my other websites…Hi,
Have you attempted to disable active plugins to see if the issue resolves?
Best regards,
Jordan ShannonThanks :-)
I deactivated the Jetpack plugin, and that seems to be doing the trick. However, I can’t get the image in the header widget to be shown in it’s full size. Any tricks for this as well?Best,
M.Actually, I just discovered that the header image still isn’t showing – it’s the logo image, that shows on the page now. This is actually just fine, only I’d like the image logo to be bigger, like 900 x 450 px or something like that :-)
Is that possible at all?
Hi,
Top span 100% correctly it would need to initially be fairly large. Right not the image width is set to 100% so it must be less than the 900px you’re expecting.
Best regards,
Jordan ShannonThe image is 1000 X 462 px.
I’m guessing that since the header height only can be set to 300 px, it’s scaling the image down itself and therefore doesn’t show it in full size. Could that be the reason? And if so, is there a way around it? I tried using the header widget to make sure the image could be shown in full size, but as I mentioned in my first mail, I couldn’t get it to work??
/M.
Okay, the status now is that Iøve got the header widget working. So far, so good, Now, I only have to styling issues eft:
1. How can I make the padding of the image in the header widget smaller? I’ve tried this CSS, but it doesn’t seem to work:
.header .widget {
padding: 5px 0 !important;
}And also: I’d like a frame aroung the image. I’ve used this code om other images, but it won’t work on the image in the header widget. How should I change it?
.avia-image-container-inner {
box-shadow: 0px 0px 20px #D9DCDE;
padding: 0px;
}
.avia-image-container-inner:hover {
box-shadow: 0px 0px 10px #CACDCE;
padding: 0px;
}Thnak you so much in advance!
Hi Malene123,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#header_main .container.av-logo-container { height: 0px; } #header #widget_sp_image-3.widget { padding-top: 0px; } #header #widget_sp_image-3 .attachment-full.aligncenter { box-shadow: 0px 0px 20px #D9DCDE; }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.