Shopify slideshow text. I have added the following code into {/}theme.
h3 { position: 6 days ago · On desktop, my slideshow looks perfect, with the whole text displayed over the slideshow image. On mobile devices, I'd like to lower the text in the slideshow__text class so that it's lower in the slideshow so that my visuals aren't hidden. color-accent-2. Jun 13, 2024 · I'm hoping someone can help me to adjust the text and button placement for my slideshow on mobile, using the Brooklyn theme. 3rd slide text at bottom. I tried some of the codes in the community but it only changed the text under the title in the third picture. banner__box { min-height: 39rem; justify-content: flex-start; May 30, 2024 · I'm having a problem with the positioning of the text on the slideshow on my Shopify site, using the free Studio theme. If I change it from the settings, it also changes the color of the text produced. h1, h2, p, {color: #ffffff;} Save changes, and then the text on all slides within the slideshow should now be Aug 22, 2021 · Hi, im trying to change the color of the text on a Slideshow video of Debutify theme: I would like to put the color white and not black. Much appreciated! Mar 3, 2020 · Recently, the themes team at Shopify has made some changes to the popular slideshow feature in Shopify themes, hoping to combat the issue of image cropping. Dec 30, 2021 · Solved: Hi everybody, i am using the Dawn theme and have problems changing the text color in the slideshow. Oct 14, 2020 · Can you see one that says slideshow? 3. Did you change your banner image? Its this one right? Try this. aos-init. Choose between small, medium (default), and large. To get started, follow these steps: Log in to your Shopify Admin panel. css' | asset_url | stylesheet_tag }} {{ 'component - Here is the solution for you @JimmyPea - Please follow these steps: - Then find the base. The location of the text automatically defaults to the vertical middle of the image, and I would like for it to appear in Aug 13, 2022 · @cherryjaneq . How ca Jan 12, 2024 · Speedy help! One last question as i can`t really change anything easy on that slideshow. Find Asset > base. Jun 22, 2023 · This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code. You can try the following steps I have provided to help you solve the problem you are facing: Step 1: Online Stores > Themes > Edit code Step 2: Choose file base. . css / section-image-banner. I can edit a slide with these options, but the "X" is not editable: I located two places in the code where I believe the "x" is, one in slideshow. slideshow__text-mobile--center { display: none; } Turns out I had to paste this into the base. liquid" or styles. Apr 9, 2023 · Hi @HearClear I can't see the text on the slide show can you tell me where the text is hiding, or I think you should contact the theme so they can check it directly and find a solution as quickly as possible. css, style. liquid file. The ideal Shopify slideshow image size is 1920 x 1080 pixels. Here's how you can customise font-size depending on device size, follow this below 1. Go to Online Store -> Theme -> Edit code Apr 14, 2023 · This should work for you. Can anyone tell me how or where to change the opacity? Best // Ryan Jun 3, 2022 · Hi @sam1011!. I tried changing them on the customize theme but it changed them everywhere. Step 2: Search file base. background-color: transparent; Save > preview and publish Oct 20, 2021 · Good morning everyone, I'm trying to replace the standard Slideshow in the Supply theme with the same one, except I would need the pictures and the text to be separate (in order to save money with translation apps). 2nd slide text at middle, currently it is at middle but still a bit too high. May 24, 2024 · Hello There, 1. Shopify Banner Image Size Jul 14, 2023 · Edit code > Assets > theme. Text style: Use the drop-down menu to select a text style between Subtitle (default) and Uppercase. Sep 13, 2021 · The recommended by Shopify product image size is 2048 x 2048 pixels. css . How do i do that? The text style is called subtitle, that`s what i use on the rest of the page, but that`s not an option on the May 15, 2021 · Hello, My slideshow in homepage (Debutify theme), the text can be difficult to read if the background color matches with the text color. No, dont add picture with text. Aug 2, 2023 · Hi @EZ7 ,. css Step 3: Add code @media screen and (max-width: 767px) { . css) Aug 24, 2023 · Speedy help! One last question as i can`t really change anything easy on that slideshow. I have tried to look through the liquid file and can;t seem to find where this text is located. Nov 9, 2021 · Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. The precise aspect ratio will determine how much above-the-fold space there is for other elements of the page. aos-animate { font-size: 24px !important; font-weight: bolder !important; which enables me to change only the Jun 9, 2021 · Need some help figuring this out. To achieve the text styling as shown in the image for your slideshow, where specific words are highlighted with a different color, you can use a combination of HTML and CSS. uk How can I change the size of font text, button and slideshow buttons on slideshows on mobile version? As shown here Any help is appreciated!! Oct 20, 2023 · Shopify Slideshow Image Size. It does work on the full-screen version, and I've got that looking okay. css file. I have tried to adapt the code Nov 13, 2023 · Hi all and thanks for the support! I'm trying to move the text from left to middle on Desktop. Aug 23, 2021 · Hello, i would like to change my slideshow font color, I have one in the homepage with 4 images, and I would like to change the font color from Dark blue to white on just 1 slide separately, is this possible? Since my website version and mobile version is not align. Aug 24, 2023 · Hi Ribe_Dagandara, Thank you for the code. @media screen and (min-width: 750px) { span. slideshow_ Apr 5, 2023 · Solved: Hello, I am trying to make the 'Good Night, Great Morning' text a bit bigger on mobile only and position it a bit higher on mobile without changing anything on the desktop. For a full list of my recommendations, and their meaning, keep reading. In this article, learn what they discovered, and how you can use those insights to build themes with a more usable slideshow feature. css, styles. 5rem; } Jun 1, 2023 · Hello There, 1. scss. In doing so, they came up with some interesting takeaways. content-container--full-width-mobile. Step 1: Go to Admin -> Online store -> Theme > Edit code Step 2: Search for the file component-slideshow. If i want the text on the slideshow to have the same style as f. In your Shopify Admin go to online store > themes > actions > edit code 2. pxf. slideshow__content-wrapper . In the image below, I've highlighted in red the area of the container that I want to eliminate by reducing the width of the container. Apr 1, 2024 · Solved: I'm working with the Sense theme and have a slideshow. the desktop already has the text on the bottom left, im unsure however how to do that for the mobile version? and if the fonts on the slideshow could be a little Oct 4, 2020 · One customization request that our team has seen a lot of demand for is making the slideshow of a theme clickable. slideshow__text-mobile--center { max-width: 100% !important; } Hope you find my answer helpful! Best regards, Richard | PageFly Oct 9, 2020 · Solved: I try to get the red background slightly transparent so it is not so strong and present on the slideshow is there a way in the code to get the opacity lower?? thanks. css and put below css at bottom of file. liquid and yet it doesn't seem to be working, nor changing. slideshow__slide--1623230607ca21fa90-1 . enable_wide_layout -%} Oct 25, 2022 · Solved: I want to change the text position of the slideshow section on mobile only. slideshow__button-text { color: white; } Ready to launch your own ecommerce store? Click here to unlock your Shopify free trial https://shopify. slideshow__button { background-color: red; } // To change the text color of the button, add or modify the CSS property color within the . any help would be appreciated. How do I edit this? I've played a bit in theme. Dec 14, 2023 · hello, can anyone help me with changing the text on the pictures of my slideshow on the homepage to white. Jun 26, 2024 · - Here is the solution for you @JimmyPea - Please follow these steps: - Then find the base. In Superstore, full-width slideshows have controls for height, autoplay, and overlay color and opacity. Help! You can try out here Jul 6, 2023 · This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code. Jun 8, 2021 · Need some help figuring this out. For your issue, we can be solve by css style. (see screenshot) I already used some code for moving it out from the image, since it was covering it, here is the code: @media screen and (min-width: 750px){ . Payments, Shipping, and Fulfillment Feb 9, 2024 · Hi guys! I purchased this 'Slideshow 3' on the Section Store app on Shopify. Since a complete solution would take quiet some effort, I can only tell you what you have to look for. The menu bar and slideshow content is align centered but within the slideshow, I need the text to be aligned left and same alignment on the y axis as the menu bar that's being centered. The slides for the carousel are added as blocks in the slider section. I have added the following code into {/}theme. isolate . For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme. Jan 31, 2023 · I would like to change the way a slideshow with text or text and a button looks on mobile devices. Shopify also recommends at least 800 x 800 pixels in product images, for the zoom functionality to work. Hi, To make the product title in a line, please add the code below to assets/component-card. image-with-text__text p {color: #000 !important;} Note: You can change the color yourself anytime just change the code of color like #000 to #ccc Regards, Jun 11, 2022 · I am trying to give the text in my store's slideshow have a stroke to the text, but my edits are not working. I can find no way to remove this. banner__box { padding: 2rem 3. These provide options for how messaging and media are showcased together. I can't figure out how to adjust the width of the text container that holds the heading, subheading, and button. slideshow__text Apr 20, 2023 · . liquid, and another in slideshow-custom. In order to make those images clickable, you would need to edit the image-banner. the desktop already has the text on the bottom left, im unsure however how to do that for the mobile version? and if the fonts on the slideshow could be a little Jun 8, 2024 · Shopify Community Shopify Design Shopify Discussions Partners & Developers Technical Q&A Payments, Shipping, and Fulfillment; Support Shopify Help Center API documentation Free Tools; Shopify Contact Partner Program Shopify Engineering Affiliate Program App Developers Investors; Quick Links Register Log in Aug 9, 2023 · From your Shopify admin dashboard, click on "Online Store" and then "Themes". liquid: {{ 'section-image-banner. Find the line Jan 27, 2022 · Solved: Hello! Hoping someone can help me with the relevant code to enable sizing of both header and subtitle text on the hero slideshow (Broadcast Theme) I am currently using this: h1. Not sure where to edit this. text-box" or similar. Aug 24, 2023 · From your Shopify admin dashboard, click on "Online Store" and then "Themes". h5 { white-space: nowrap; } } @media screen and (max-width: 749px) { span. then edit code and go to the file "component-slider. Oct 2, 2022 · Finally, you can add a text overlay to your slideshow by typing in the desired text in the “Text overlay” field in the “Captions” tab of the slideshow settings. Apr 19, 2022 · Choose between sliders with custom animated texts, buttons, ImageMaps with hotspots, or add Countdown We have several pre-made slider types available with colors and text customizations on top of our custom CSS. css" file, depending on which file your theme uses to s Aug 23, 2023 · Hi team, I would like to ask if anyone could help me to bring back the text button box on my front page? currently it is without the box (previously changed it invisible) but now I wanted to bring back, anyone could help me? Sample below: Feb 11, 2022 · Hi! I have set all header text on my website to be #c79a99 in my theme. May 24, 2024 · Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code . Thank you so much for your patience and understanding. css(base. Jan 12, 2024 · Hey there, i’ve created a new slideshow and when i remove the container the text is not solid white when i remove the container. Jun 10, 2021 · Hi, I am trying to change the colour of the text in a specific slide using the following code pasted into the theme. But the first i suggest for you should be check on settings theme. For example: New (above title small) linebreak High quality Moonrocks (title big) linebreak information abou Jun 9, 2021 · Need some help figuring this out. Let us know if you need any further support. How do i do that? The text style is called subtitle, that`s what i use on the rest of the page, but that`s not an option on the Apr 12, 2023 · Hi @EZ7 ,. Maximum image size: 4472 x 4472 pixels. However, it doesn't show like this when I test mobile view. Sep 22, 2023 · Solved: Hi community. Jan 15, 2024 · Hi Check this one. hero__title { color: #FFFFF !important; } However, it is not changing anything. The location of the text automatically defaults to the vertical middle of the image, and I would like for it to appear in Jan 9, 2023 · Solved: Hi guys, I have text as a part of the slides images design, I didn't use the theme building Heading and Sub-Heading. Ali Reviews team. Jun 7, 2022 · As title description, I want to add a second line of text underneath the main header and above the button that displays over the image in the slideshow section of the Minimal theme. You can go to customize theme settings and then going to Banner settings and check at here and find the setting for position of text on banner. com) The video show up, but the text isn't in front of the video. - Then add the following code at the end of the file and press 'Save' to save it. Half the text is currently cut off. Essentially, I want it to look exactly like it would when you add "image with text" except I want the image part of it to be a slide show. Similar place where I put the lines. 4. I'm trying to make my slideshow on mobile to have text overlay. What code do I need to add (and where) to make only that header stay white? Thank you! Dec 23, 2020 · Solved: it is too big how am i able to adjust the size of the slide show so that i wont cover my whole page thanks for answering! Jun 16, 2022 · Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. On the rich text it only have heading and paragraph. Which asset do i have to create/edit in order to do so? Hi @isabellemaria . Aug 23, 2023 · Thank you for the information. Step 3: Insert the below code at the bottom of the file -> Save. (see screenshot) I already used some code for moving it out from the image, since it was covering it, here is the code: Sep 22, 2023 · I am trying make the text box on my slideshow (origin theme) transparent. Currently it's right in the middle of the screen but I need it to be further down on the screen for the mobile version. hero__title. In desktop view, no issues, but in mobile view, the placeholder of the headings is visible with a big white background. slideshow__text-mobile--center display: none; Turns out I had to paste this into the base. Nov 11, 2023 · . From your Shopify admin dashboard, click on "Online Store" and then "Themes". (see screenshot) I already used some code for moving it out from the image, since it was covering it, here is the code: Jun 26, 2024 · Hi , Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code Step 2: Search file theme. May 17, 2023 · . What code do I need to add (and where) to make only that header stay white? Thank you! Jun 5, 2023 · Add desired blocks: Within the blog post template, you can add the desired blocks to provide more functionality. It is very easy and anyone can do it by f Nov 22, 2023 · Yes, thank you. May 30, 2024 · I'm having a problem with the positioning of the text on the slideshow on my Shopify site, using the free Studio theme. I've inserted a slideshow in my shop in dawn theme and on desktop looks just fine but on mobile my text box shows underneath the image. Feb 24, 2022 · RE: Slideshow section (Dawn 2. collection-grid-item__title. css" On line 133 of this file Jun 11, 2021 · Hi, Achieved the desired colour change on both the slide text title and sub-title. hero__title { color: #58686f !important; } Nov 28, 2023 · Solved: I would like to use the Minimal style version in the Venue theme slideshow, where the slideshow headings and text have a transparent background and appear on top of the slideshow images. Aug 7, 2021 · Solved: Good afternoon, I am using Modular Theme and I am trying to change the slideshow heading, subheading and text font color to #BE8C16. I would like to have the slideshow pictures have a text overlay and button Dec 15, 2023 · Go into your theme editor > click into the slideshow section/block from the left-hand menu > then on the right-hand menu, scroll down to the "Custom CSS"; section and add the following coding: . Can anyone tell me how or where to change the opacity? Best // Ryan Jan 23, 2024 · Build & customize branded stores Customize any Shopify themes for pixel-perfect store design Build high-converting landing page Customize Shopify theme for conversion design X2 conversion with customized product pages Build, test different product pages for different audiences fast Warm up cold leads with pre-sale funnel Hook prospects with advertorial pages featuring star products Drive Nov 13, 2023 · Hi all and thanks for the support! I'm trying to move the text from left to middle on Desktop. > check the css section for styles the slideshow text box background. However, would it possible to add back the 'black box' instead of invisible? because previously I've removed the black box and only remain the text 'shop now', currently I would like include the 'black box' too. slideshow__media Jul 2, 2024 · The slideshow already have a heading and subheading where you can add text. Below are the two screenshots/slideshow images, I need to change the text Hey, I want to move the text in the picture slideshow on mobile (Dawn Theme). 1. Does anyone know of a simple code that would help me achieve what I need to do. Try this one. I will getting horrible on the smaller screen. You can also adjust the opacity, position, and size of the text overlay by using the controls in this tab. You can't use the media editor to edit images in the rich text editor . Dec 20, 2023 · Shopify slideshow image size. t May 18, 2022 · I am trying to implement a slick carousel in the home page. Do you want the website to look like this? You can follow the instructions below. Jun 28, 2023 · Hi, I was wondering if it was possible to remove the ''Image slide'' text box that seem to overlay the pictures I upload in my slideshow section (dawn) all I've been able to modify via the slideshow settings was the text, which I deleted but the box stays there (as you can see from my two attached pictures below) and I'd like my slideshow photos to be totally unobstructed. The text wont be readable, its not dynamic. Aug 24, 2023 · Speedy help! One last question as i can`t really change anything easy on that slideshow. Thank you! I found a similar topic and someone suggested the code below but it didn't work for me. I am so confused as to why this word even needs to be there. Before you edit your media, you should understand how the aspect ratio of your images affects how they display on websites. slide:first-child . I need to add a semi transparent highlight behind the text in my homepage slideshow. 4th slide text at top. Does anyone have a code or something that can change this? I'm not using an shopify theme, it's customized. Currently, the slideshow looks good on desktop but on mobile, the text and the button is under the slides. Each place has the following: Apr 19, 2024 · Slideshow image size. (luzhomedesign. Jul 6, 2023 · This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code. I want to have just a slideshow without text and there is no option to remove said text. This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution: Step 1. Jun 13, 2024 · Solved: I'm hoping someone can help me to adjust the text and button placement for my slideshow on mobile, using the Brooklyn theme. Hi - I'm using Shopify's free Dawn 2. In the code editor, navigate to the slideshow-1. We have a slideshow right at the top of our page with text that is in white on our custom background, see attached image or visit our site. Sep 4, 2021 · Solved: Hi, I'm using the Debut theme. coastalvibescandles. Sep 21, 2022 · Hello, I am trying to move my slider controls to under the button: slideshow. gradient. liquid. card-information__text. css. The maximum set by Shopify image size is 4472 x 4472 pixels or up to 20MB. @media only screen and (max-width: 600px) . Add the following CSS property. css) Jan 13, 2022 · I can edit the text and remove it from the theme editor, but the x remains. I would like: 1st slide text at top. It only gives the option to change it to light or dark. How do i do that? The text style is called subtitle, that`s what i use on the rest of the page, but that`s not an option on the Hey, I want to move the text in the picture slideshow on mobile (Dawn Theme). Mar 28, 2022 · @joshualev Go to assetes/theme-custom. This includes product media, media in your online store editor, media in Shopify Email, and media in Content > Files. Apr 26, 2024 · i actually managed to sort that out really easily on the theme editor, however i have another issue. slideshow. liquid' :{%- if settings. Here's an example of how you can add a slideshow block: {% section 'slideshow' %} Save changes . Feb 13, 2021 · Hey how can i get a line break here? For example that it looks like: How can i get a line break here Besides that i would like to know how i can give different font seizes to the text. I've tried adding custom CSS to adjust the margins, Oct 9, 2020 · Solved: I try to get the red background slightly transparent so it is not so strong and present on the slideshow is there a way in the code to get the opacity lower?? thanks. However, dimensions between 1200-2000 x 400-600 px are also good. Is there anyway to add a semi-transparent background behind text, so it's more readable? Thanks. css and paste this at the bottom of the file: . 0) - how to make the entire slide a clickable area. Dec 13, 2022 · Hey everyone! I am changing my website and I reused some parts of the old one, but the video slideshow isn't working in the new one as they were in the old one. css using the following code: . color-inverse. slideshow__text-mobile--center { max-width: 100% !important; } Hope you find my answer helpful! Best regards, Richard | PageFly Mar 28, 2017 · In Flex, there are two forms of slideshows: Slideshow classic and slideshow with text. css" file, depending on which file your theme uses to store its CSS styles. liquid-file. Here's the current code for 'slider. Yes, I can delete the text in the text fields but the issue now is the box content where the said text is placed, it How To Add Slideshow To A Page In Shopify (Easy)In this video I show you How To Add Slideshow To A Page In Shopify. Not only the image size but also the thumbnail and text size shape the visitor’s attraction point. Find the theme that you want to edit and click on "Actions" and then "Edit code". How do i do that? The text style is called subtitle, that`s what i use on the rest of the page, but that`s not an option on the Mar 16, 2022 · I'm not a coding expert whatsoever. For example, to set the text color to white, you can use the following code . You need create style tags. liquid . International Commerce. I am not sure where to locate the code besides possibly slideshow. css using the following code:. I basically want the button and text to be in the same place as it is on desktop, I have some code that I've used to adjust some things in the css but it doesn't mimic the desktop Mar 22, 2022 · Hey guys, I am trying to set an image with text in my store but I am trying to make it so I can have a slideshow of images with text on the side of the page. Right now its a huge eyesore blocking my slideshow photos. Can you help with the code to change the button colour (text and box)? This is the code that is working for the colour change of the text. The slideshow image might be the first thing the customer drops on, making it integral to present it well. I really need help moving the header title text, text & text link (button) up higher. @media only screen and (min-width: 750px) { . Text size: Use the drop-down menu to set your caption text size. Jun 20, 2019 · I have tried searching google, shopify community, and even asking reddit to no avail. Right now, when using the slideshow section on the home page, only the button is clickable on the slide. Mar 16, 2022 · Solved: Hello, How to edit Subheading to disable transparency and make it 100% white as a heading? (Mobile only) How to edit The shadow around the button; color and transparency to make it as visible as the edited photo below? Mar 22, 2021 · Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Jan 31, 2023 · Solved: Hello Shopify community, I would like to change the way a slideshow with text or text and a button looks on mobile devices. Jun 28, 2023 · Solved: Hi, I was wondering if it was possible to remove the ''Image slide'' text box that seem to overlay the pictures I upload in my slideshow section (dawn) all I've been able to modify via the slideshow settings was the text, which I deleted but the box stays there (as you can see from my two attached pictures Nov 28, 2023 · Solved: I would like to use the Minimal style version in the Venue theme slideshow, where the slideshow headings and text have a transparent background and appear on top of the slideshow images. I basically want the button and text to be in the same place as it is on desktop, I have some code that I've used to adjust some things in the css but it doesn't mimic the desktop layout. Go to Online Store > Theme > Edit code. In this guide, we will go through the necessary steps to achieve this by adding some code to the Slideshow theme file. h5 { white-space: nowrap; font-size: 13px !important; } } Sep 4, 2021 · Solved: Hello everyone, I'm looking to add a box behind the text on a slideshow in the Warehouse theme to increase readability. From your Admin Page, click Online Store > Themes >Actions > Edit code. . Assets ->Base. Ideal image size: 1200-2000 pixels (width) x 400-600 pixels (height) Apr 8, 2021 · @tomorrowgolf You need to add this code in the theme files. But whenever I change the padding in the CSS code, the background image also gets bigger. From you Admin page, go to Online Store > Themes ; Select the theme you want to edit; Under the Asset folder, open the main. Here's an image illustrating how the box could be positioned. - Here is the solution for you @JimmyPea - Please follow these steps: - Then find the base. Can someone help me? Nov 13, 2023 · Solved: Hi all and thanks for the support! I'm trying to move the text from left to middle on Desktop. I found the below code in a community post ( here ); it worked for my desktop site but it messed up my mobile version. I've tried adding custom CSS to adjust the margins, Sep 4, 2021 · I'm looking to add a box behind the text on a slideshow in the Warehouse theme to increase readability. May 3, 2019 · The visual, drag & drop editor of the Shopify slideshow app with ready slider templates, addons, multilingual and RTL support, social media integration make the slider app versatile. liquid Step 3: Inside head tags. css or theme. The image’s width should be from 1200 to 2000 px , but we recommend a width of 1600 px for optimal display, while the height should be from 400 to 600 px . h3 { position: relative; top: 12px; background: #bdaa0a; } Feb 2, 2021 · Solved: Hi community my website is sneakersafe. banner{ max-height: 800px; } . Dec 27, 2022 · Solved: Text looks great on my slideshow on desktop but gets cut off on mobile. css, however I don't want it to change on the slideshow/hero banner. Scroll down a little and you should see the heading text, sub-heading text, and button text. Jan 6, 2023 · Hi You can try again with this code: . com Thank you! Text: Add a brief tagline to your rich text section. co. color-background-1. Sep 11, 2023 · Hi, I am struggling to get the home page slideshow text to resize when viewed on a mobile. @media only screen and ( max - width : 749px ){ . content-container. slideshow__text--center. io/MXxAeM——How To Add A Slideshow To ShopifyLear Jun 22, 2022 · hi @goatcardz ,. I have already added the required css, js and jquery cdn in my theme. My slideshow has the word "SLIDE" over the images in slideshow. slideshow__text. Keep the "Show content below images" checked. The best size for this type of image is 1600 x 500 pixels. Simply delete the text and hit save! The above instructions are based on my knowledge of how many free Shopify themes work. Slideshow images transition between multiple pictures and are commonly found on the home or product pages of a website. css, theme. slideshow__text--left { padding-top: 5px !important; } } Here is result: May 31, 2022 · Solved: I'm using the theme: Ride and I came upon a very disturbing and annoying feature under the slideshow. css, Nov 11, 2023 · . Select slideshow then select the slide you wish to amend. Aug 4, 2024 · Hi @Martin299 ,. Oct 9, 2022 · Hi, I love how my slideshow looks on my desktop version but when viewing on the mobile version, the text is in the center of each image. Identify the CSS class or selector something like ". css file sorry for opening this. In the "Assets" folder, click on "base. on the mobile version, i would like the text on the slideshow to be on the bottom left corner of each image just like the desktop. css or Theme. slideshow__button-text rule. Feb 11, 2022 · Hi! I have set all header text on my website to be #c79a99 in my theme. banner__box. slideshow Oct 13, 2023 · The optimal Shopify slideshow image size will vary depending on the theme. I am trying make the text box on my slideshow (origin theme) transparent. I would be SO thankful!!!! I want this position for all 3 slide photos (this is mobile but desktop placing should be similar. slideshow . Is there a code I can add to make my the text match what it looks like on desktop? Website: www. ex the text on the image on the frontpage (slightly bigger). (old one) (new one) Here is the code: (slideshow Jan 9, 2024 · The ALL text with background color black is my menu bar . Is it because I am viewing the mobile version that I cannot see changes, or is there another solution Jul 19, 2024 · Thans for the info, check this one. css (or base. I just need to increase the padding in the section, but I don't know where to edit the code. 0 theme. Does Jan 12, 2024 · Hey there, i’ve created a new slideshow and when i remove the container the text is not solid white when i remove the container. Hope this can help. The text is really hard to see so we were wondering if it would be possible to some how code a solid green (#007052) box around them to help them stand out more. To enhance the design, keep all slide pictures in the same size or aspect ratio. Thank you in advance if you are able to assist. Jul 17, 2021 · Hi there, You can remove the text by removing the Heading and Sub-Headings from each of the slides and you can remove the slider controls by adding some simple CSS to your theme, something like this Oct 14, 2019 · The slideshow and text overlay work fine in the desktop version but for the mobile version, the text is positioned below instead of within the slideshow. You can create Image Slider, Banner Slider, Hero Slider, Video Slider, Logo Slider, Carousel, Layer Slider, Slideshow, Landing Page Builder, Theme Sections store Aug 30, 2022 · Hi @untamedtallow,. hero__text-shadow { background: #fff !important; padding: 30px !important; } Hope you find my answer helpful! Best regards, Richard | PageFly May 28, 2024 · Hey, I want to move the text in the picture slideshow on mobile (Dawn Theme). Shopify slideshow images should be landscape. Changing the values of the text via 'customize theme' has no effect on a mobile device. Features: set the sliders' slideshow effects, set autoplay delay, define slide text or hotspots products, choose button colors Jul 25, 2024 · Hi , I'm happy to help you with that! You can easily achieve this by moving few HTML around in your theme. Jan 6, 2023 · Retail and Point of Sale. mxsfzybzytxjxxyacotaqucsgificabbuzwyufznnwrgjtndbt
Shopify slideshow text. @media only screen and ( max - width : 749px ){ .
Shopify slideshow text. Shopify slideshow images should be landscape.