Archived topic
Background Header Image Repeats When Widget Graphic Applied
5 replies · Started by Charles on January 28, 2021
Hello,
On this website https://aireboroughhistoricalsociety.org.uk/ I have a background image – that worked fine. However, the existing website https://aireboroughhistoricalsociety.co.uk/ which uses a template which dates back to 2014 and that has a contact button and a link to Facebook. When I use a header widget to add the graphics to the new site the background picture repeats. I have tried using the Appearance > Customise > Background Images > Header and set “No Repeat” but the background image still repeats.
OK on this design not a show stopper but my question is can I stop the background image repeating?
Is there a better way to replicate the top background image with a couple of graphics on top?
Many thanks for any help 
Hi there,
I've checked your site and I don't see this occurring.
Here's what I see on my end: https://share.getcloudapp.com/YEuXll8j
Have you resolved this already? Let us know.
Hi Elvin,
My poor English. The site you have looked at https://www.aireboroughhistoricalsociety.co.uk/ is the old site built using .net - that works but since I have started working with WordPress and Generatepress it has come to my attention how good that combination is and I working out how to convert the existing Aireborough Historical Website to a new design using Generatepress. The old design has two buttons over the background - they work fine. When I add the buttons to the new design https://aireboroughhistoricalsociety.org.uk/ the background underneath the button repeats and to be honest the Widget code in Appearance > Widget is not very easy to work with.
My question is, "should the background repeat underneath the button images?"
Is there a better way with Generatepress to create a background image header with content in front of the background image?
I have the latest version of Generatepress and the plugin.
Many thanks for taking time to reply
Yours sincerely
Charles Willcock
My question is, “should the background repeat underneath the button images?”
It shouldn't if you don't want it to.
I've checked the proper site and the no-repeat is actually working. The issue is your logo.
Your logo is the exact same photo as the one added as the background. The 2 photos overlapping made it look to appear that the background is being repeated.
If you want a clean full width image, remove the logo and set the "Background size" of your Header's background on the customizer to "Cover" as shown here: https://share.getcloudapp.com/Qwu9Dbdl
You then add this CSS to control how large it should appear:
.inside-header {
min-height: 350px;
}The background image was applied twice from two different locations. I fixed that and that sorted the problem.
I am pretty new to Wordpress and Generatepress just taking a little time to get used to the thought process behind the way it works.
Many thanks for your suggestions.
No problem. Feel free to open up new topics if you have any further theme-related questions. :)
