afs242
-
Posts
19 -
Joined
-
Last visited
afs242's Achievements
-
Site URL is www.raehcollection.com Working with Brine on 7.0 Halfway down the page you'll see a Summary Carousel of Products. When clicking to the end of the listed products it stops (see image attached). Is there any code for the first product to loop to the beginning and continue through the listed products infinitely (in essence start over) so the viewer doesn't have to click the left button to return to the beginning?
-
Hey Paul, I tried your solution on my brine 7.0 website. I'm not able to make it work for some reason on the shop page or the product's page. See Product title "Simple Sandalwood Bracelet". https://www.raehcollection.com/shop I disabled Ajax loading. Injected code in Footer. Labeled Product Name as Simple Sandalwood | Bracelet. Product name still seems to layer on top of itself. (see attached image) I would like it to be centered and say.. Simple Sandalwood Bracelet It does the same thing on the actual product's page. (see attached image) https://www.raehcollection.com/shop/simple-sandalwood-bracelet Thoughts?
-
It seems under Site Styles under Index Navigation I had checked "Apply Minimum Height" to All Pages. By default this sets minimum height to 50vh. I turned "Apply Minimum Height" to None. Under Custom CSS I then reduced top/bottom padding to each of the galleries blocks on each page using this code (see below). This gave me control of the white space on mobile view. //Header Banner Padding mobile// @media screen and (max-width:640px) { #block-yui_3_17_2_1_1700096549547_1930{ padding-top: 0px !important; padding-bottom: 0px !important; } } //end//
-
As I only want the white space gone on mobile version I included this with your code- @media screen and (max-width:640px) { section.Index-page>.Index-page-content { justify-content: flex-start !important; } } Unfortunately that didn't get rid of the extra white space. It doesn't seem to appear on all the pages, just three of them. https://www.raehcollection.com https://www.raehcollection.com/find-us https://www.raehcollection.com/story
-
tuanphan reacted to a post in a topic:
Carousel Gallery Show Title Brine 7.0
-
I did not. I gave the wrong image example and link in the first post. That page works as well as the shop page on this site. However all the other pages have the large white space at the top. See example on home page at www.raehcollection.com
-
Thanks for responding tuanphan. I decided to use a floating sticky button instead. I utilized/modified code from previous forum postings that you responded to for this effect. Thank you for sharing all your amazing knowledge.
-
After inspecting the coding in mobile view it looks like there is 17px of padding on block's last-child and the first child (see attached image). I've targeted that block but the white still won't disappear. The page is at ttps://www.raehcollection.com Any other ideas?
-
Using Brine 7.0 On website the content section section padding is site through site styles and looks fine. (Note green arrow on 1st photo) However on mobile there is a huge white space. (Note red arrow on 2nd photo) Is the css to get rid of that white gap on mobile? page is found at https://www.raehcollection.com/shop/wana-earring-threader
-
Working with Brine 7.0 Carousel Gallery does not show Image titles/description. Is there css code to make them appear? Carousel can be found on first page of www.raehcollection.com
-
Yes sir! That does perfect. Your skillset and willingness to help are very appreciated.
-
I'm looking for css solve to spacing issue with breadcrumbs in mobile view. Spacing in desktop view for breadcrumbs looks fine. Previous Page crumb is far left. Next Page crumb is far right. In mobile view the Previous Page crumb is far left... however the Next Page crumb is just below it. Can css code move the Next Page crumb over to the right so it visually mimics their placement in desktop view? I have tried altering the padding around the words and that didn't work. I have also made the font size smaller thinking that would solve the issue in case the long word length is creating the words to wrap. This has not worked either. Page can be seen at https://www.raehcollection.com/shop/sweet-sparkle-diamond-necklace Does anyone have other ideas?
-
Great point Paul, that code works splendidly and does solve potential viewing challenges on other devices. I appreciate you both chiming in with ideas and solves.
-
Hide product gallery thumbnail on specific product
afs242 replied to MagnusHenri's topic in Commerce
Yes, two different types of code were provided. Both were helpful depending on what type of solution is needed. Thread can be viewed here -
Cate, that worked like a charm! Thank you for your help. And Paul, I appreciate you working through it as well.
-
Thanks for getting back and trying to clarify with me. I DO want the first four thumbnails (circled in green) to be shown. I do NOT want the thumbnails (circled in red) that are relevant to the selected variant to be shown. When variant is selected it should ONLY show in the larger photo area (circled in blue)
