Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 12, 2015 at 4:07 pm #395115
    mhiller

    I am using Firefox 35.01 and am having trouble with parallax view in a color section at the top of the page here: http://www.nutsandboltspress.comThe image is sized 981x383px which is the same size as the center of the boxed layout. Height of image within the color section is 383, same as image size. The image is getting cut off all the way around so only the center part of the image is displayed. Thanks for the help! Mike.

    February 12, 2015 at 9:34 pm #395352
    mhiller

    It looks like by changing the “Background Attachment” setting in the color element from “parallax” to “scroll” the image problem resolves itself (bug in parallax?) and gives the affect I was looking for. But there is a large amount of “white space” that appears above the image that I would like to remove so that the image begins at the bottom of the menu header. Please take a look. Thanks Mike.

    February 13, 2015 at 12:16 pm #395616
    Ismael

    Hey!

    Thank you for using Enfold.

    When parallax is set as background attachment, the background size is set to cover which scales the image to be as large as possible to cover the whole container and in a few cases, cut off parts of the background image. Set the background attachment to scroll, add a unique id attribute using the For Developers: Section ID field. Use “custom-section” for example, then add this to the Quick CSS field;

    #custom-section {
background-attachment: scroll !important;
background-position: center center !important;
background-size: 100% 100% !important;
}

    Cheers!
    Ismael

    February 13, 2015 at 5:20 pm #395879
    mhiller

    Thanks! I will see if the changes work and report back! Mike

    February 14, 2015 at 8:18 am #396117
    Rikard

    Hey!

    Did it resolve your issue?

    Regards,
    Rikard

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