Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: https://www.rubenalza.com hello! is there a way i can have the carousel of images to load faster on the mobile view? i mean, it takes longer than 8 full seconds to completely start showing anything. i have reduced the size of the images considerably and still takes several seconds.
  2. Site URL: https://www.rubenalza.com i have added a few css edtinting into my webpage but for some reason it takes too long to load on the mobile version, is there anything im doing wrong that provokes this? this are the css added: #collection-5d9eb3727ec40569f73dddd1 .Index-page:first-child .Index-page-content { padding-bottom : calc( 60px / 2 ); } #collection-5d9eb3727ec40569f73dddd1 .Index-page:first-child [class*=sqs-col] .sqs-block { padding-left : 0; padding-right : 0; } @media screen and ( min-width : 641px) { #collection-5d9eb3727ec40569f73dddd1 .Index-page:first-child .Index-page-content { padding-top : 0; } } .sqs-gallery-design-strip .sqs-wrapper img:not(:last-child) { padding-right: 5px; } @media screen and (max-width:640px) { .collection-5d9eb3727ec40569f73dddd1 { margin-top: 0 !important; } .tweak-mobile-bar-top-fixed .Mobile-bar--top { background: transparent; } .tweak-mobile-bar-menu-icon-vertical-dots .Mobile-bar-menu .Icon--dots-vertical { fill: white !important; }} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1612658201191_6351>div { padding-bottom: 150% !important; } } ---------------------------- #collection-5d9eb6a9be640e33237752cb .Index-page:first-child .Index-page-content { padding-bottom : calc( 60px / 2 ); } #collection-5d9eb6a9be640e33237752cb .Index-page:first-child [class*=sqs-col] .sqs-block { padding-left : 0; padding-right : 0; } @media screen and ( min-width : 641px) { #collection-5d9eb6a9be640e33237752cb .Index-page:first-child .Index-page-content { padding-top : 0; } } @media screen and (max-width:640px) { div#block-4677414d5231f5915278>div { padding-bottom: 150% !important; } } @media screen and (max-width:640px) { .collection-5d9eb6a9be640e33237752cb { margin-top: 0 !important; } .tweak-mobile-bar-top-fixed .Mobile-bar--top { background: transparent; } .tweak-mobile-bar-menu-icon-vertical-dots .Mobile-bar-menu .Icon--dots-vertical { fill: white !important; }}
  3. same issue. used the code and while it did help with the mobile version of the carousel showing 1 image at a time at a bigger scale ... but its cut in half. like the page wont resize
  4. i managed to use this code @media screen and (max-width:640px) { .homepage { .sqs-gallery-design-strip { overflow: visible; height: 270%; } } } and on the mobile version it does increase the size of the carousel and it shows every single image but its cut off in half ... 😞 is there any way to resize the whole carousel page so it shows the whole image? the code that i just used will it affect only this carousel or all carousels? is it possible to target an specific carousel?
  5. thank you! it did help with the padding for the desktop version 🙂 now I'm trying to fix the mobile version to show images in the carousel a bit bigger
  6. hi! thank you for responding Here's the thing. I'm trying to emulate the same effect Format.com pages have when set as horizontal gallery for desktop and mobile version. as you can see on my page i have manage to reduce the padding for the carousel on the desktop version but it only moves automatically, no scrolling with the mouse horizontally nor with the arrows on my keyboard. when set as mobile it shows very small images. i wish to have it bigger like with the format.com version my page is rubenalza.com and yes im trying to emulate this www.ameliaallenphotography.com/ thank you.
  7. Site URL: http://www.rubenalza.com Hello! my page is rubenalza.com and I Would like to change the top and left/right padding to ZERO or close to it for the carousel on the desktop version and also for the mobile version would like to display the carousel images on full height so the first thing you see is the images rolling and the head logo and menu bars. so it look like this one https://ruben-alza-bnmg.format.com/ thank you in advance.
  8. Hello guys! I got a question. I've seen this capability on Format pages before. is it possible to have a horizontal scroll with the mouse wheel on the homepage? example, like this one https://www.ameliaallenphotography.com/ you enter and you have an amount of images in front of you to which you scroll at your own pace. as of now i have a page created already. www.rubenalza.com and would like to see if i can rebuild my page and incorporate that thing. thank you.
  9. Good day! I have come across a page with it's images on top of each other and was wondering how to replicate this thank you in advance
  10. sorry, bad habit. available now. 100% on the code?
  11. hi! question, i just noticed the change apply only to my homepage. thing is i have my site in two languages, so i have the spanish one as my homepage but as soon i click to change it to english on my menu the css edit doesnt apply at all. please how can i have it for both (or all maybe)? thank you in advance.
  12. thanks but now it has a blank space under the x as shown here do you know how to have it fill the whole space with the same image?
  13. thank you. it worked but yeah that black strip still over it. i'll try to find a way to make it transparent
  • Create New...