Tagged: Header Background
-
AuthorPosts
-
November 15, 2019 at 6:27 pm #1157253
I searched, but can’t find the answer, so need help.
On https://sellcoinssportsmemorabilia.com/ the header background image is 1920 x 250. My maximum container width is set at 1920. However, my header background image is shrunk down. I surrender and need help figuring out what I am doing wrong.
Thank you.
November 16, 2019 at 6:00 am #1157411Hey Nick_Spence,
I’m not sure exactly which image you are using, but the one I see on the site is very small. Please try using a bigger sized image, then add this to Quick CSS:
.header_color .header_bg { background-size: cover; }
Best regards,
RikardNovember 18, 2019 at 6:50 pm #1157938Hi Rikard,
Ref: https://sellcoinssportsmemorabilia.com/I appreciate your help on this. I have some more information. The image in question is the stripe of coins in the header. When I specify it as the background in the header, it is small. However, when I drop it in the body of a page, it is full-size. As I understand it, when an image is uploaded into WordPress, WP creates a few different sizes automatically. One of those is called medium. It appears that Enfold is placing the medium size version into the background of the header as opposed to the full-size version. When I drop the same image in the page, I am offered options as to which size version I would like to use. If I select medium, it is the same size that is showing in the header.
At this point, I guess the question is how do I get Enfold to select the full-size version of the image?
I did drop the quick css code you provided. It stretched the image to fill the background. Of course, it was all fuzzy and bitmapped.
Thanks for your help,
~NickNovember 19, 2019 at 1:17 pm #1158145Hi Nick,
Thanks for the update. You can select the resolution of the image when you select it from the WordPress media gallery, there’s an option on the right hand side of the modal. Please select a high resolution version there to see if that works out. If not then please post admin login details in private so that we can have a closer look.
Best regards,
RikardNovember 19, 2019 at 4:58 pm #1158199Hi Rikard,
I am aware of the sizing option menu that you mention. When I place an image in the html of a page, that sizing box is there. It was there when I placed the image in the body of the page as a sample. However, in this case where the image is being placed in the background (I presume within the css) via the General Styling tab of the Enfold (child) template, there is no such menu. I have tested this in both Chrome & Firefox.
I have included the login credentials.
Thank you,
~NickNovember 20, 2019 at 6:49 am #1158372Hi Nick,
Sorry about that, that problem was introduced in WordPress 5.3 but I don’t have a solution for that yet. It’s been forwarded to our developers so it should be fixed in the next release of the theme. I was running 5.2.4 on my local install so I didn’t see the problem there. You can use this CSS until the next theme release:
.header_color .header_bg { background: url(https://your.site/wp-content/uploads/2019/11/header-3840-scaled.jpg); }
Just replace your.site in the code with your actual site URL. Sorry again for the problem.
Best regards,
RikardNovember 20, 2019 at 8:59 pm #1158600Thanks Rikard,
Glad to see I am not crazy. Not surprised I would encounter this–I use to be in software QA because I was so good at finding bugs/breaking things.
Bluehost has managed to screw up the IP address in some way and brought down the site. As soon as they fix that I’ll make the change In the css.
~Nick
November 21, 2019 at 1:06 pm #1158803 -
AuthorPosts
- You must be logged in to reply to this topic.