Видео

Thank you so much! So happy to help here in my corner of YT :). I haven't had that request before, I am sure it can be done with the help of a developer or with an app. If you go to the Shopify App Store type in Gift Card in the search bar and you will have several options of apps.

Hi, thanks for the question. You could try these code below but I would advise to use the Inspect tool to ensure that you are targeting the correct class or ID. .slideshow__button:hover { background-color: #hex-color; color: #hex-color; } or .slideshow-button-selector { background-color: #hex-color; color:#hex-color; } Let me know if these not work and I can create a video for it.🙌

Hi @Cruzfr to make a color transparent you can to use the RGBA color instead of the HEX color. For example a white transparent would be rgba (255, 255, 255, 0) where the last digit of 0 represents the complete transparency instead of #FFFFFF. You can replace the 0 with .05 for 50% transparency, and 1 is complete opaque. Hope that helps!

I'm sorry, not sure I understand the question. Are you asking, how to make the header menu color extend the entire length of the website? If so, that is done via the Theme customizer. If you still find that its not the full width the you need to inspect and change the theme's default width size.

Humm, I can’t say what could be wrong without seeing the backend. Reach out to Shopify support first for immediate assistance. They are great, and will help you fix the customers balance and assist with checking the set up of the sale on the GC.

You’re welcome! 🙌🏽

You’re welcome! 🙌🏽

🙌 My pleasure! So happy it helped you.

Thank you for the question. Replace these 2 lines of code: #1 Replace: background: linear-gradient(to left, #000 50%, #fff 50%) right !important; with: background: linear-gradient(to bottom, #000 50%, #fff 50%) bottom !important; #2 Replace: background-position: left !important; with: background-position: top !important; Don't forget to change the #hex colors, and let me know if it worked for you 🙌

Hey Betsy! Thanks so much for getting back to me - I really appreciate you taking the time to help! Unfortunately, the issue is still sticking around. ☹️ After editing/replacing the code like you suggested, the button had a split-color to it. Half of the button was blue (#084875) and half white (#ffffff), even before hovering. When hovering over it now, the transition doesn’t seem to work fully - the only thing that changes is the button text color. The background stays split in half, blue and white, just like before. I’ll include the exact code I pasted in the custom CSS section below in case it helps: .button { background: linear-gradient(to bottom, #ffffff 50%, #084875 50%) bottom !important; background-size: 200% !important; transition: 0.5s ease-out; color: #084875; } .button:hover { background-position: top !important; transition: 0.5s ease-out !important; color: #ffffff; } Thanks again for your help - you’re awesome for putting out such GREAT content and taking the time to respond to your viewers! Hope to hear from you soon 💛

I'm happy to help. I just applied this code to the Studio theme 15.2 which is also a free theme and I used this code. Give it a try 🤞: .button { background: linear-gradient(to bottom, #ffffff 50%, #084875 50%) bottom !important; background-size: 100% 200% !important; transition: 0.5s ease-out !important; color: #fff; } .button:hover { background-position: top !important; transition: 0.5s ease-out !important; opacity: 1 !important; color: #084875; }

@@BL_Creative Hey Betsy! Thank you so much for sharing the code - it worked PERFECTLY! I really appreciate your help and generosity! 💕

Yes, you can apply these effects in any theme. You just need to use the inspect tool to target the buttons for the specific theme. You can always reach out to me via my services page if you need further assistance.

Hi, the code is working on the Dawn 15.2. Ensure you are just coping and pasting the code and not the comment, as it is not the correct format, we have character limitations here on YT. The correct format would be /*Change nav text size and color*/ if you wish to include it. 🙌

You're very welcome!

Glad it helped!

Hi, I just testing the code in the Studio 15.2 and it works. Try this code: /*Change nav text size and color*/ .header__menu-item, .menu-drawer__menu-item { font-size: 18px; text-transform: uppercase; color: green; } /*change color to everything in the header*/ .header-wrapper * { color: red; } Sometime copy and pasting a code from the YT description doesn't work and you have to type it in. Hope this helps!

My pleasure! Happy to help.

Unfortunately it could be that the theme doesn't have the feature "Recipient Info" yet. You could reach out to Shopify for assistance they are great, or you can also review the theme's documentation.

Hi, thanks for the comment. This tutorial is to change the font for the entire site. If you want to change the font to specific sections or pages you have the target that area specifically. Thanks for helping video idea!

Let me know what you are trying to change.

You're very welcome!

Yay!

Looking forward to it!

You're welcome!

You're so welcome!

Thank you so for the questions. I can not cover all themes and all versions in a video, so what I could suggest is to replace .announcement-bar with .utility-bar and see if that works for you. Otherwise you need to use the inspect tool to target your specific announcement bar. and/or target the @media.

Hmm. No not sure, so sorry.

Thanks for the feedback!

Branding has been relocated. Go to Settings > General > Brand assets

What do you mean? You want the entire footer to be narrower?

I'm sorry, not sure since the Dawn them doesn't have any built-in filter buttons, it just offer drop downs. Feel free to reach out and I can help you make any customization you need.

You're welcome 🙌🏽

Thank you so much!

Awesome, thank you so much!

Thank you for the question. If you head to the video at about timer 13:40 I go over how to see a preview and how to edit 👍 Alternatively you can manually issue a gf to yourself to test it.

Hello, thank you for the question. To add a border to separate your header from the section that follows head over to the theme editor > select the header section > and select Show Separator Line.

@@BL_Creative Hello, I meant a line within the header, not the line to separate header with banner.

Oh got you, try this code: header { border: solid 1px #000000; margin-bottom: 20px; }

Glad to help!

You can try this code: .utility-bar { background: url("IMAGE_URL"); background-repeat: no-repeat; background-size: cover; } It really depends on the theme you are using. Hope this helps. Also try typing the code yourself, something when you copy and paste codes from the YT description it loses formatting.

@@BL_Creative Now it's working! Thank you

The background code listed in this tutorial is to use for a background image. If you want to add a color use the Color Scheme as I did in minute 3:08. Thanks for the question.

Glad it helped!