Hello, I'm trying to change the text content of the default_pagination Previous and Next buttons with javascript, but I can't even target the elements. First I tried this: const prevBtn ...
Hello, I'm developing a custom theme and have an input (email) with a button (subscribe). I want to know if it's possible to get the email with javascript and use the fetch API to send a request to...
Mar 25, 2021
Hello, I'm working on a custom theme, I create a main.js file and is linked in the theme.liquid file. <script src="{{ 'main.js' | asset_url }}" defer></script> I have...
No content to show
User Activity
06-17-2024
Glad it worked!Enjoy the rest of your day!
06-17-2024
I got the final answer, you don't need to add any class. Forget about the other response I gave you.Just copy paste this css code: .embed-container {
min-width: 100%;
min-height: 100%;
}
[data-mce-fragment="1"]:has(> .embed-container) {
aspect...
06-17-2024
Hey, you need to add css on two elements. .embed-container {
min-width: 100%;
min-height: 100%;
} The other style you need to add is to the parent element, but it has not a unique class that you can select via css.The CSS you need to add to that...
Hello, Depends on the theme you are using.Whats your website domain? And which collection you need to change the background?
Hey, Go to Online store > theme > actions > edit code.Open assets folder > section-main-product.css file. Copy and paste this code at the bottom of the file. @media screen and (min-width: 748px) {
span.badge.price__badge-sale {
position: absolu...
07-31-2023
You are welcome! About the animation, I'm not sure where is coming from. It may be animated with javascript.
Hey, Please go to Online store > theme > actions > edit code.Open assets folder > theme.css file. Copy and paste this code at the bottom of the file. Then save.@media only screen and (max-width: 768px) {
.page-width .small--grid--flush {
displa...
Hello, please share your website url.
I would add a dynamic class to the element you want to change the color, then style it with css. Example:<div class="container {%- if collection.handle == 'shoes' -%}my-new-collection{%- endif -%}"></div> Then you style it:.my-new-collection {
back...
Hey, Go to online store > theme > actions > edit code.Open assets folder > component-review.css file. Copy and paste this code at the bottom of the file.i.spr-icon.spr-icon-star {
transform: scale(.8);
} Play with the (.8) value to meet your desire...
07-30-2023
Hello, First you need to make your image with the rectangle aspect ratio, right now your image is square so it's not possible to make it a rectangle unless you stretch it, and I don't think that is a good idea. Hope that helps,
07-30-2023
Hey, Go to Online Store > theme > actions > edit code.Open assets folder > theme.css. Copy and paste this code at the bottom of the file. Save..text-center .megamenu .grid {
text-align: center;
display: flex;
gap: 0px;
}
.text-center .megamenu...
Hey, NOTE: This code removes the video on screen smaller than 700px but does not improve performancePlease see this article to understand better.https://speakofthedevrel.cloud/2020/01/06/hiding-videos-on-the-mbile-web/ Please go to Online store > the...
07-30-2023
Hey, I would recommend to create a copy of the theme, and then update the copy, so you are safe.To see your new theme, click actions > preview.Don't delete the old theme so you can reference and pass the code to the new one. Hope this helps,
Please share the url of that specific page.
My Accepted Solutions
| Subject | Views | Posted |
|---|---|---|
| 311 | 07-30-2023 11:02 PM | |
| 777 | 07-30-2023 10:52 PM | |
| 362 | 07-30-2023 12:57 AM | |
| 713 | 07-24-2023 10:15 PM | |
| 678 | 07-24-2023 09:46 PM |
