Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 1, 2014 at 3:36 pm #360793
    matpartsmedia

    I am trying to use a gallery on a page with a parallax background but once the gallery is inserted it pushes the parallax down. Please see attached link and login info. Please could you look and let me know why this error is occurring and what I can do to fix it?

    Thanks

    Les

    December 1, 2014 at 4:49 pm #360851
    matpartsmedia

    This issue seems to be a conflict in chrome on initial page load, then when I zoom in and back out (within the browser) the conflict seems to go…

    December 1, 2014 at 5:12 pm #360882
    matpartsmedia

    Also the large image within the gallery does not seem to want me to change its size through the gallery options…

    December 2, 2014 at 4:04 pm #361478
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-108 div#av_section_1 .av-parallax.avia-full-stretch.active-parallax {
height: 1300px!important;
}

    Cheers!
    Yigit

    December 2, 2014 at 4:42 pm #361520
    matpartsmedia
    This reply has been marked as private.
    December 2, 2014 at 4:45 pm #361527
    Yigit

    Hi!

    Can you please post a screenshot and show the white bar? If you mean the one below menu links, you can remove it with following code

    span.avia-menu-fx {
display: none;
}

    Best regards,
    Yigit

    December 2, 2014 at 4:56 pm #361538
    matpartsmedia
    This reply has been marked as private.
    December 4, 2014 at 3:09 am #362651
    Andy

    Hi!

    use this in Quick CSS to remove it:

    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a {
background-color: transparent;
}

    Best regards,
    Andy

    December 4, 2014 at 3:09 am #362652
    Andy

    Hi!

    use this in Quick CSS to remove it:

    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a {
background-color: transparent;
}

    Best regards,
    Andy

    December 5, 2014 at 12:55 pm #363532
    matpartsmedia

    Thanks but I need to move the parallax up not fill it with red space.

    Cheers

    Les

    December 6, 2014 at 6:51 pm #364122
    Andy

    Hi!

    what do you mean? Please be more specific and show us a mockup of what you want to achieve, so we can assist you better.

    Cheers!
    Andy

    December 8, 2014 at 11:25 am #364554
    matpartsmedia
    This reply has been marked as private.
    December 8, 2014 at 2:55 pm #364633
    matpartsmedia
    This reply has been marked as private.
    December 8, 2014 at 4:34 pm #364714
    matpartsmedia

    I am now seeing this same error accross all bowsers, safari, chrome, ie and firefox.

    Thanks

    December 8, 2014 at 5:24 pm #364789
    matpartsmedia

    Hi

    Just for reference I have tried adjusting the previous code provided to:

    .page-id-108 div#av_section_1 .av-parallax.avia-full-stretch.active-parallax {
    height: 110%!important;
    }

    This seems to have fixed it, is it a good fix?

    Thanks

    December 8, 2014 at 6:31 pm #364849
    matpartsmedia
    This reply has been marked as private.
    December 9, 2014 at 12:53 pm #365300
    matpartsmedia

    Hi Just to let you know, this issue seems to be fixed across all pages.

    Thanks for your help.

    Les

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Parallax and Gallery Conflict’ is closed to new replies.