Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 27, 2018 at 5:35 pm #948052
    FadingReality

    Hi,
    I’d like to make a custom single product page using the ALB. When I use the gallery function the preview pic is stretched over the full screen. It doesn’t matter what size I set the picture to be, the only thing that changes is the resolution. 80×80 pictures are the same size as 500×500 but only more blurry. I posted a screenshot below:

    View post on imgur.com

    April 27, 2018 at 7:57 pm #948138
    Jordan Shannon

    Hey FadingReality,

    Please provide a link to the page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    April 28, 2018 at 10:36 am #948302
    FadingReality

    Hi, I posted a link below:

    April 30, 2018 at 10:02 am #948937
    Victoria

    Hi FadingReality,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    April 30, 2018 at 2:07 pm #949078
    FadingReality

    fqew

    • This reply was modified 6 years, 7 months ago by FadingReality.
    April 30, 2018 at 2:25 pm #949087
    FadingReality

    Link below:

    • This reply was modified 6 years, 7 months ago by FadingReality.
    May 2, 2018 at 5:43 am #949813
    Rikard

    Hi,

    Thanks for the login. It’s stretching full width because you haven’t placed it inside a container like a 1/1 element for instance. Could you try that out please?

    Best regards,
    Rikard

    May 2, 2018 at 2:49 pm #950084
    FadingReality

    Hey Rikard,

    I tried that out but it didn’t work. The gallery is always stretched over the screen, even in 1/1 columns.

    May 3, 2018 at 5:25 pm #950958
    Nikko

    Hi FadingReality,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top div .entry-content-wrapper > .avia-gallery img {
    width: auto;
}

    Hope it helps :)

    Best regards,
    Nikko

    May 4, 2018 at 1:48 pm #951656
    FadingReality

    That didn’t help. Still stretched over the screen.

    May 4, 2018 at 2:22 pm #951680
    Nikko

    Hi FadingReality,

    Can you try adding !important, so it should look like:

    #top div .entry-content-wrapper > .avia-gallery img {
    width: auto !important;
}

    Let us know if this works.

    Best regards,
    Nikko

    May 5, 2018 at 1:51 pm #952109
    FadingReality

    It’s still the same. Hmm..

    May 8, 2018 at 5:01 am #953057
    Victoria

    Hi FadingReality,

    The login link expired, can you please update it?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-gallery.avia-gallery-1.avia-builder-el-0   {
  width: 25%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    • This reply was modified 6 years, 7 months ago by Victoria.
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.