Simple parallax - white bottom and enlarge the image

Hi - When I try to use simple parallax on a column in Visuel composer it kind of stop before the bottom of the content of the column. Perhaps I get my problem on this image: http://www.awesomescreenshot.com/image/301291/10cf2a8539164ce574c1a8c35e623571 - se the site (under construction) here: http://visue.info/stress/kort-om-didde-eckberg-larsen/ 

I'm not expert in codes but it looks like vc_parallax-inner skrollable skrollable-between only is 768,594px heigh and the site is 854px (varies from page to page depending on the content)

It also show the background image in size 150% - I would lige that I just show ind 100% so the quility wouldn't be blured...

Comments

  • Hi,

    we don't know how you used parallax with VC plugin because this feature is not available for this builder. We recommend to use Muffin Builder if you want to use parallax because with our builder it is much easier and works perfectly.
  • Well as you can see here it surely looks like it is available: http://www.awesomescreenshot.com/image/318855/87eac5df6780a861d99b9e60433255fd
    And it would take pretty many hours to rebuild the entire page... And perhaps you think it is easyer, but I don't. It is not as intuitive as Visuel cmposr - ans since visuel composer is a part of the theme I can't believe that I shouldn't be able to use it. Beside it doesn't seems to have the same elements...?

  • Ok, got it now. But as we see, you got custom css which break this parallax effect:
    /* Background */
    .vc_parallax .vc_parallax-inner {
        height: 90% !important;
        background-position: 50% 0%;
    }

    /* Header */
    body:not(.template-slider) #Header {
      min-height: 120px;
    }

    #Top_bar #logo img {
      max-height: 140%;
    }

    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
      background-color: #a2cc86;
    }

    vc_parallax-inner.skrollable.skrollable-between {
      height: 100% !important;
    }
    After removing this code, all is fine http://pasteboard.co/1a83TAhT.png
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.