-
Posts
1,548 -
Joined
-
Last visited
-
Days Won
17
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by KwameAndCo
-
How to customize the background color of related products
KwameAndCo replied to FFederica's topic in Customize with code
Link to the site. -
Very bizzarre. Try .gallery-caption p.gallery-caption-content { font-size: 1rem !important; }
-
As always, link to the website. Have you tried adjusting the height of the navbar? You can also use: /*reduce header padding*/ .header-announcement-bar-wrapper { padding-block:0!important; // adjust this value }
-
How to add two types of font family to portfolio grid text
KwameAndCo replied to nininono's topic in Customize with code
I would simplify: h3.portfolio-title { display: flex; gap: .5rem; } Adjust the gap as you see fit. -
How to add two types of font family to portfolio grid text
KwameAndCo replied to nininono's topic in Customize with code
Seems like you've solved it using an ::after element? You may wish to consider automating the numbering fo make it a bit more future proof. Saves you CSS and doesn't break if you change the link like you curently have it - so much less maintenance. I think I wrote a snippet for it previously that I was going to put up for free on my plugin store. Shall I tag you if I find it? -
Lightbox-only caption photo gallery with CSS?
KwameAndCo replied to averagepestoenjoyer's topic in Customize with code
This would require javascript as it is not possible with pure CSS unless you wish to manually re-add. That would also not be accessible. I might have a plugin I've created for this somewhere lying around in but it would definitely require javascript. -
How can i code a banner slideshow on mobile?
KwameAndCo replied to ThisWayToFabulous's topic in Customize with code
Ah I thought you'd have a media query already. /*Squareskills - Mobile Slideshow Caption*/ @media (min-width: YOURBREAKPOINT) { #YourSectionID { li.slide.list-item { flex-direction: column; } .slide-media-container { position: relative!important; height: auto!important; aspect-ratio: 3 / 2; //select your own Aspect Ratio here } .slide-content.list-item-card-background.list-item-rich-animation { margin: 0!important; position: relative; width: 100%!important; flex: 1; //remove if you don't want full-height captions } .list-item-content__description p { font-size: YOURSIZE; //set your font size } } } I can't see the page anymore but you can just target the text with that last selector. You might need to use !important. -
How can i code a banner slideshow on mobile?
KwameAndCo replied to ThisWayToFabulous's topic in Customize with code
You're going to struggle a bit due to the very different lengths of the testimonials, so you'll need to consider tweaking based on that. Anyway, this will create a layout where the image is stacked on /*Squareskills - Mobile Slideshow Caption*/ #YourSectionID { li.slide.list-item { flex-direction: column; } .slide-media-container { position: relative!important; height: auto!important; aspect-ratio: 3 / 2; //select your own Aspect Ratio here } .slide-content.list-item-card-background.list-item-rich-animation { margin: 0!important; position: relative; width: 100%!important; flex: 1; //remove if you don't want full-height captions } } However, if you try to ensure all images have the same aspect ratio you'll get this (excuse the poor cropping) where there is empty space. You can use the "flex: 1" to turn that section blue (in your case) but it'll still be empty space to consider. -
Carousel images to add text over and link
KwameAndCo replied to HomeownerHQ's topic in Customize with code
As alway, you need to share a link to the page in question. -
Here /*Squareskills - Summay Block Hover Titles*/ //target page #collection-5cbc83a4419202c35e7506e7 { .summary-title { position: absolute; inset: 0; z-index: 999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .3s ease; //adjust timing to your liking } summary-item:hover .summary-title { opacity: 1; } } I included a transition to fade the text in/out to avoid jerkiness. Note: To avoid this being site wide I've targeted only the page you would like. You can alternatively target other pages via their collection ID or target specific summary blocks with their block ID.
-
How to add two types of font family to portfolio grid text
KwameAndCo replied to nininono's topic in Customize with code
Link to the website please. You're going to need some javascript as well as CSS here, so hopefully you're on a business plan. But link the site and tag me and I can help. -
Lightbox-only caption photo gallery with CSS?
KwameAndCo replied to averagepestoenjoyer's topic in Customize with code
You'll need to share the website for us to take a look. -
"Back to Top" button not layered infront
KwameAndCo replied to Gray_tan's topic in Customize with code
If you need help, you need to link us to the site. -
Products Grid - Image Hover - Second Image Loading Issues
KwameAndCo replied to James-Gadbury's topic in Commerce
This lol.- 19 replies
-
- grid-gallery
- hover
-
(and 1 more)
Tagged with:
-
Have you tried it for indexnow?
-
Reading this Tells me that it wouldn't be possible as we can't host text files on the root. See also
-
Bolding home, about me, my book, contact
KwameAndCo replied to ltbricker's topic in Customize with code
First, you'll need to link to your website. Second you'll need to actually be specific about which exact parts of your site (And which page, section etc) you're referring to. If you're vague it's hard for anyone to help you. -
Add transparent black overlay to blog post banner image
KwameAndCo replied to Rickshaw's topic in Customize with code
Link to the site please? -
Change form structure based on selection in drop down box
KwameAndCo replied to John1MD's topic in Customize with code
It's pretty easy to use. Upload the code. Copy and paste some lines and then just place some text in a specific way - if I remember. -
Lack of diversity is really bad. I use Pexels a lot too.
-
Change form structure based on selection in drop down box
KwameAndCo replied to John1MD's topic in Customize with code
Not a dropdown but SQSPThemes has a plugin called AccoTabs that allows you to change sections with the click of a button (tabs). I believe SQSMods also has sometihng similar too via their "Magic Drop" plugin which might be more what you want? You'd just need 3 separate sections with different forms and it'd handle this. Alternatively, I did a custom plugin for a client here that works more as a switcher. Haven't packaged it for sale yet but it's another approach. But Magic Drop is probably the best choice for a dropdown. -
Link us to the page
- 7 replies
-
- code
- customized
-
(and 2 more)
Tagged with:
-
Chris has a plugin for this: https://schwartz-edmisten.com/plugins/p/animated-rotating-text Alternatively if you're comfortable copying, pasting and a bit of editing with code you could follow this: https://codepen.io/kenwestphal/pen/xqRZYZ
- 4 replies
-
- code
- code-injection
-
(and 1 more)
Tagged with: