pixies1
Member-
Posts
45 -
Joined
-
Last visited
Recent Profile Visitors
pixies1's Achievements
-
pixies1 reacted to a post in a topic: Can summary block carousel do continuous loop forward (instead of fast-rewind backward)?
-
Hi there, it's a code block with the following code: <div class="slider"> <div class="slider-image"> </div> </div> Sorry I didn't think to include that in my previous message. And thanks for finding/posting that video! I watched a similar one to figure out how to do it
- 11 replies
-
- summary
- summary-block
-
(and 1 more)
Tagged with:
-
tuanphan reacted to a post in a topic: Can summary block carousel do continuous loop forward (instead of fast-rewind backward)?
-
Thanks! To get this effect, I actually created one long image that scrolls continuously First create a 5900x390px image with your logos spaced out evenly (you can do this for free at Canva.com) Then add the code below to CSS (replacing my URL image with your own) Hope it works for you! //auto-scrolling logos// .slider { width: 135%; overflow: hidden; margin-left: -13vw; margin-right: 0vw; position: relative; } .slider .slider-image { background-image: url(https://static1.squarespace.com/static/60606ea81846b4151d82ec0b/t/60be85e8d976482627d1592a/1623098856396/Slider.png); width: auto; height: 150px; background-size: 2950px 200px; animation: slide 50s linear infinite; } @keyframes slide { from {background-position-x: 0px;} to {background-position-x: -2950px;} }
- 11 replies
-
- summary
- summary-block
-
(and 1 more)
Tagged with:
-
jenniferboddam reacted to a post in a topic: Can summary block carousel do continuous loop forward (instead of fast-rewind backward)?
-
Hi there, I didn't end up using a plug-in. Instead I'm having the company logos auto-scroll on my website: https://typeaprofessionals.com Good luck!
- 11 replies
-
- summary
- summary-block
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Hi Tuan, I added both blocks of CSS (below) and now it looks right. Thank you! // testimonials - tablet 2 columns // @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1619732613520_13491+.row .span-4 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } // tablet testimonials // @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1619732613520_13491+.row .span-4 .code-block { width: 50%; } }- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Thanks, Tuan, though unfortunately this code doesn't fix it, it puts them in three skinny columns instead!- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Yes! Ideally the columns would be equal in width. Thank you!- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Hi, thank you, but the bottom two testimonials are not aligned in the same columns as the top four testimonials (see attached). Any idea how to fix?- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Hi Bangan, thanks for the response! I have the block IDs for the 4 columns, I just don't know how to use them in CSS to get the 4 columns to appear as 2 columns in tablet view. Here are the block IDs: #block-yui_3_17_2_1_1620053498091_5173 #block-yui_3_17_2_1_1620053498091_5821 #block-yui_3_17_2_1_1620053498091_7815 #block-yui_3_17_2_1_1620053498091_9427- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: How can I change the hover color on a custom social media icon?
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Hi Tuan, This code no longer works for the projects section on my homepage: @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1620053642909_82057+.row .span-3 { width: 50%; } } I would like the 4 columns to appear as 2 columns in tablet view. And on my testimonials page, I'd like the 3 columns to appear as 2 columns in tablet view. https://www.typeaprofessionals.com/testimonials Thank you!- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
I moved the projects list to the home page so the previous code you gave me doesn't work and I don't know how/where to get the new div code?? Sorry!! I'd also love to improve the "testimonials page" on tablet and have the quotes be 2 columns across in 3 rows instead of 3 columns across in 2 rows. Is this possible?- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
I was able to decrease all the white spacing by hiding the individual spacers I didn't want to show on mobile. If there's a better way to do this, I'd love to know. Thank you for that suggestion!- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Worked, thank you! Is there a way to change the order of the columns in tablet view so the list reads in alphabetical order from top to bottom? Current: 1st column 2nd column 3rd column 4th column Preferred: 1st column 3rd column 2nd column 4th column- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
pixies1 reacted to a post in a topic: How can I change the hover color on a custom social media icon?
-
Hi! Sure if they can fit three across on tablet and not look too small, that would be ideal. Otherwise they can just be two across on tablet. Right now they're stacked in one column on mobile which I think looks fine, but I'd like to see how they look two across on mobile, too. Thanks!
- 2 replies
-
- summary-block
- images
-
(and 1 more)
Tagged with:
-
How can I change the hover color on a custom social media icon?
pixies1 replied to pixies1's topic in Customize with code
Hi @tuanphan, I redesigned my site and now the code that you previously provided to me to make my projects list section look great in tablet view no longer works, and my attempts to rework your code have been unsuccessful. Can you please help me again? On my home page in the "We do it all. And then some." section, I'd like for that list of four columns to appear as just two (alphabetical) columns in tablet view. https://www.typeaprofessionals.com/ Column 1: #block-yui_3_17_2_1_1620053498091_5173 Column 2: #block-yui_3_17_2_1_1620053498091_5821 Column 3: #block-yui_3_17_2_1_1620053498091_7815 Column 4: #block-yui_3_17_2_1_1620053498091_9427 🙂- 27 replies
-
- social-links
- hover
-
(and 1 more)
Tagged with:
-
Site URL: https://www.typeaprofessionals.com/ Hello! I need help making images in a summary block appear smaller in tablet view. I have a summary block with six client logos on my home page. They're a good size in desktop (three across) and mobile view (stacked). In tablet view, they stack like they do in mobile view and they're way too large. For tablet view, I'd like for them to be smaller and arranged two or three across instead of stacked, but I'm not sure how to do this because they're in a summary block. Summary block on home page: #block-yui_3_17_2_1_1618324013232_7451 Please help, thank you!
- 2 replies
-
- summary-block
- images
-
(and 1 more)
Tagged with: