Navigation
Archive / Changing Background Image Size with Parallax Effect
This is archived content. Visit our new forum.
  • Author
    Posts
  • June 3, 2014 at 5:24 pm #51970

    James B
    Participant

    My page is full-width, and I am trying to use a parallax image scroll effect on some parts of it. However, although the images I have applied the effect to are 1200×500, they get blown up and cropped whenever I enter parallax=true. When I try to change the background image size in the editor window, nothing happens. However, I was able to change image size with regular css when I did “inspect element” through my browser by entering

    background-size: auto auto;

    When the parallax effect is applied in your demo pages, it seems this enlarging of bknd image has no other variations.

    (X version 2.0)

    June 4, 2014 at 8:40 am #52220

    Support
    Member

    Hey James,

    Thank you for writing in.

    Could you please provide us your website url so we would be able to review it.

    Thank you.

    June 4, 2014 at 9:07 am #52231

    James B
    Participant

    http://promo.standarddesignandsupply.com

    The page “Sketch 3 Parallax” is the plan for the basic format of a one-page promotional site— alternating static and parallax bands with copy overlay. It’s important that the parallax bands aren’t enlarged the way they are now since they will display graphic print work.

    June 4, 2014 at 9:17 am #52232

    James B
    Participant
    This reply has been marked as private.
    June 4, 2014 at 4:57 pm #52497

    James B
    Participant
    This reply has been marked as private.
    June 5, 2014 at 5:33 am #52774

    Support
    Member

    Hey James,

    Happy to hear you found a solution to your issue. Nice job!

    Cheers.

    January 12, 2015 at 6:53 am #181201

    kboehmer
    Participant

    What was the solution??

    January 12, 2015 at 1:46 pm #181449

    Nabeel A
    Moderator

    Hi there,

    Setting background-size: cover; in content-band’s style field will resolve the issue.

    Hope this helps!

    November 30, 2015 at 2:25 pm #684258

    comprendo
    Participant

    I’m having the same issue but I don’t see the content-band anywhere in my html source,

    Any ideas?

    November 30, 2015 at 2:25 pm #684259

    comprendo
    Participant

    My site is uncletrash.com

    November 30, 2015 at 8:45 pm #684963

    John Ezra
    Member

    Hi there,

    Thanks for writing in! We are unable to replicate the issue on our end. You may have already fixed this yourself. Please update us otherwise – thanks!

    If your are looking for the content bands on your link that have background images, they are:

    div#x-section-1 and div#x-section-3

    You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    div#x-section-1,
div#x-section-3 {
    background-size: cover;
}

    Hope this helps – thanks!

  • Author
    Posts