Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 5, 2017 at 3:53 pm #816778
    codecreative

    hi guys

    on my site im building at http://hungry-cactus.flywheelsites.com/

    it appears the background image that sits at the top behind the logo is zoomed in but it is 1900 wide to start with and 605 tall so it needs no zooming

    also appears that there is some white border on on the left and and right

    how can i remove the zoom and white border please ?

    July 6, 2017 at 2:08 pm #817264
    Victoria

    Hey codecreative,

    I don’t see the border, could you attach a screenshot? Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    Best regards,
    Victoria

    July 6, 2017 at 3:09 pm #817287
    tjswarbs78

    Hi,

    From having a look a the code the background is set on
    .header_bg and on .header_color

    Try removing the code from these and adding it to…
    .html_header_top.html_bottom_nav_header #header_main {url("//hungry-cactus.flywheelsites.com/wp-content/uploads/2017/07/header-2.jpg") center top / contain no-repeat fixed #ffffff;}

    adding the condition “contain” removes the white edges and gets rid of the zoom – well it does on my end ;)

    Hope that helps

    TJ

    July 6, 2017 at 4:22 pm #817329
    Sarah

    Hi @codecreative,

    You can use this code in Quick CSS to fix the zoom:

    .header_color .header_bg {background-size: cover !important;}

    Unfortunately, like Victoria, I don’t see the border. Could you attach a screenshot please? Thank you.

    (Thanks for your input, TJ!)

    Best regards,
    Sarah

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