Help with background appearing low down

  • Hi There,

    On my website the background is appearing about a third of the way down the page (www.myclubbingholiday.com) and I have tried multiple background manager plugins – removing a featured post section and adding it back in etc and for the life of me cant work out why?!

    I have used backgrounds on other wordpress websites and have had no issues – help would be greatly appreciated as ai really dont want to change the theme of my website!!!
    (partially because im scared it will affect my SEO – is this true by the way!?)

    Thank you!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    All WordPress themes are different. This theme has some styling that applies blue white and grey background images on-top of your background.

    I suggest switching to a theme that has a style you’re happy with.

    Thread Starter oakleyno1

    (@oakleyno1)

    Hi Andrew,

    Thank you for the quick response!

    Just a quick question in that because I want to avoid changing the theme if possible – is there any way for me to find and remove this styling in the CSS instead of changing the theme!? (im not a code writer at all so it could be in the other functions, header etc – sorry about this!)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”, or are you using a Child Theme?

    Thread Starter oakleyno1

    (@oakleyno1)

    Im not using a child theme – When I click directly on dashboard I cannot see any of the above – however I have jetpack installed and have an edit css on the appearance tab and have the usual php templates when I click on editor – sorry im not being as clear as possible!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In Jetpack’s Custom CSS section, enter this;

    #pageswarp,
#headerwarp,
#leadwarp,
#containerwarp {
 background: none;
}

    Thread Starter oakleyno1

    (@oakleyno1)

    Thank you Andrew – that actually worked and the background was overridden!!

    I just have one more question about it which you may be able to help with – If i wanted the background to only kick in after the blue line so it would go

    blue
    grey
    blue
    background (instead of the partial grey then background starting again)

    if not no worries – hopefully I can use what you have taught me to work around with something i.e. editing the image perhaps –

    Many thanks!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the code that I recommend, this is what each line represents;
    #pageswarp – First blue background
    #headerwarp – First grey background
    #leadwarp – Second blue background
    #containerwarp – Second grey background

    So you have an idea on what you need to change to just have the second grey background hidden. You need to amend that code I recommended to this;

    #containerwarp {
 background: none;
}

    Thread Starter oakleyno1

    (@oakleyno1)

    Thanks so much – I will take that and apply it & hopefully it will all work! Seriously appreciated! ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help with background appearing low down’ is closed to new replies.