background-position and grabbing cursor

  • Resolved pouicpouic

    (@pouicpouic)


    3 years, 9 months ago

    Hi,
    in Customize > Colors > Site Background > Image
    what percentage should be used to position the top of the background image just under #header, at the beginning of #main ?
    The cursor becomes a grabbing hand on hover over the circle, but it does not seem to grab anything.
    Screenshot:
    https://ibb.co/bNRgNvn

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author creativethemeshq

    (@creativethemeshq)

    Hi @pouicpouic,
    What image format did you uploaded?
    Could you please also share your website url?

    Thread Starter pouicpouic

    (@pouicpouic)

    I use a .svg, sorry I don’t have a link yet, I am still working localy.

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @pouicpouic,
    Most likely your SVG doesn’t have a width and a height set inline and that’s why you can’t see it in the uploader preview.

    Please make sure you export correctly your SVG file because this doesn’t have nothing to do with the theme.

    Thread Starter pouicpouic

    (@pouicpouic)

    Hello again,
    the .svg is displayed nicely, there is no problem there, width and height are specified.
    What I want to know is how to position it exactly under the header, since the units are not the same in the customizer:
    the header height is displayed in px but the background positioning is in %.

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @pouicpouic,
    Well I’m not sure you will be able to set a correct percentage here.

    But please explain me a little bit more detailed what are you trying to achieve, maybe I could give you a better advice.
    It would be really awesome if you could send a screenshot example.

    Have a nice weekend!

    Thread Starter pouicpouic

    (@pouicpouic)

    Thank you for your reply.

    Here’s a screenshot of the background:
    https://ibb.co/cCynD7H

    I fixed the issue by removing the background image from the body and applying it to #main instead as seen in this screenshot:
    https://ibb.co/Wprc7Lx

    Problem solved!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘background-position and grabbing cursor’ is closed to new replies.