[Resolved] Background Header Image Repeats When Widget Graphic Applied

Home Forums Support [Resolved] Background Header Image Repeats When Widget Graphic Applied

Home Forums Support Background Header Image Repeats When Widget Graphic Applied

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1637376
    Charles

    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 Background Image duplicates

    #1637614
    Elvin
    Staff
    Customer Support

    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.

    #1637838
    Charles

    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

    #1637914
    Elvin
    Staff
    Customer Support

    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;
    }
    #1640213
    Charles

    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.

    #1641156
    Elvin
    Staff
    Customer Support

    No problem. Feel free to open up new topics if you have any further theme-related questions. 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.