Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #571582

    can i make the image just load as normal images without the parallax effects?

    #571673

    Hey rudtek!

    Can you please post the link to your page? Banner images should not have parallax effect by default. If you are using a color section element on top of your page and added custom background image to it, please edit your color section and set background attachment to scroll

    Best regards,
    Yigit

    #571674

    it’s not just the banner in a normal page. it’s when i use the shop banner (in theme options) or when i set the product category images in woocommerce categories.

    this is an example shop category page:

    shop link below:

    • This reply was modified 8 years, 10 months ago by rudtek.
    #571705

    Hey!

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

    #av_product_description .av-parallax {
        transform: none!important;
    }

    Regards,
    Yigit

    #571727

    that moved it, but it didn’t move it to the right place. I can only see the bottom of the photo now…

    #572843

    Hey!

    try to adjust it using this code:

    .av-parallax-inner {
    height: 140px;
    }
    

    Cheers!
    Andy

    #622775

    This still isnt’ working. i have this page:

    where the header is loading as i would like it. The image is 2000px by 305px.

    when i add this same image to the product category image and display it as here:
    http://bdf.rudtek.com/product-category/dubois/

    it just doesn’t load right. I currently have your 2 codes inplace.

    sorry to be a pain. I jsut cant figure it out.

    #622781

    also, i just found this post:

    seems to be along the lines of what i wanted, so i put that code in my functions.php. it ALMOST works now. But it’s not scalling correctly. what shoudl i do now? I’m using contain rather than cover:

    Part of the problem is the same as on the other post. While my full image is 2000×305, the code is pulling a version that is 1500×229. How can i make it pull the full-size image?

    #624481

    Hi,

    refer to this to change Enfold’s image sizes: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176

    Best regards,
    Andy

    #624812

    Hi andy,
    Thanks for the reply. It didn’t actually answer my question though. I want to know how to get that area to load the right image. I don’t want to change the size of any other images but the shop category banner image. that list didn’t have the shop cattegory banner. I just want it to load the banner image as the full image (not medium or large etc) and i want the area that the picture is loaded to be as tall as teh image itself. The fact that it’s loading as parallax is the problem. It seems to be trying to create a “viewing window” for the image so that it can get a parallax effect. I want it to load the image as normal and load the original image I upload.

    BTW i had to get the site live so it’s now at the new link below

    #626151

    Hi,

    Thank you for the update. Please follow the solution provided here: https://kriesi.at/support/topic/dimensionsize-of-shop-banner/#post-609998

    And take note of this post as well: https://kriesi.at/support/topic/dimensionsize-of-shop-banner/#post-619528

    Best regards,
    Ismael

    #633955

    Where do I edit the banner image?

    #633964

    Hi!


    @bodymindlinks
    Replied you here – https://kriesi.at/support/topic/setting-shop-banner-image/. Please stick to your own posts :)

    Regards,
    Yigit

    #634006

    I seen it thank you

    #634014

    Hi!

    You are welcome. We will keep this thread open to hear from the creator of this thread.

    Best regards,
    Yigit

    #654425

    Hi Yigit,
    I’m coming back to this now. I still can’t figure it out. I have added the function in functions.php and parallax has stopped, i resized the image thumbnails with the function.php to 2000 and regenerated thumbnails (the right sized image is now being pulled!!) but it still is cropping the picture. Do you have any other advice for me? I would like the image to span the area but not be cropped. if the height of the area the photo is in could change with the picture that would be excellent.
    If i set
    #av_product_description {
    background-position: center !important;
    background-size: cover;
    }
    part of the image gets cut off on the bottom as the browser gets wider.

    if i set
    #av_product_description {
    background-position: center !important;
    background-size:contain;
    }
    then even though a 2000px picture is being loaded it doesn’t ever span the width of the screen.

    #655951

    Hi,

    Set the background-size property to “100%”. You can set it to “100% 100%” it will get distorted on smaller screens.

    #av_product_description {
        background-size: 100% !important;
    }

    Or

    #av_product_description {
        background-size: 100% 100% !important;
    }

    Best regards,
    Ismael

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