Parallax Background Image at Home Page Blog Section

Discussion in 'BlackWell-WordPress Business Theme.' started by vesity, Sep 1, 2014.

Thread Status:
Not open for further replies.
  1. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hi. Is it possible to set a background image or a Parallax Background Image for the Home Page blog section, instead of the white background that it is currently? For example, just like the Testimonials section. Thanks.
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Vesity,

    Use following CSS in custom CSS and save all changes.
    Code:
    div#section7 {
    background: #3897D0;
    }
    In place of #3897D0 you can write color name or set image.

    That will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  3. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Thank you. Can you give me example of how I would set image?
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    You can set image as background by adding following code.
    Code:
    background: url(images/page-header.jpg) no-repeat center;
    That will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  5. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Thank you! And how do I make the image Parallax?
     
  6. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
  7. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Having trouble with this. Can you please help? I've sent an email with credentials. Thank you!
     
  8. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Vesity,

    We have made parallax image for you.
    Please check.

    Thanks & Regards
    Yogesh Bhade
     
  9. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hmm. Thank you, but it doesn't seem to be working for me.
    ?
     
  10. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Vesity,

    I had fixed this issue, but you did some changes in CSS so parallax image doesn't display.
    Please dont change in following CSS code which is in your Custom CSS.
    Code:
    div#section7 {
    background: url(http://www.fortressfinancialgroup.net/wp-content/uploads/2014/09/beach1b.jpg) no-repeat fixed;
    }
    Thanks & Regards
    Yogesh Bhade
     
  11. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Ok, thank you. I had changed it back to what you told me previously to set it to (no-repeat center -- from the above thread) because the image was oddly stuck in the center of a repeat. But it's perfect now. Thank you!!
     
Thread Status:
Not open for further replies.

Share This Page