K Design Co.
K Design Co.
  • 27
  • 21 408
How to Add a Favicon to Your Showit Website
First I show you how you can create your favicon in Canva (you can use a free or a pro account.)
Then I show you how you can add your favicon to Showit and preview it to make sure it looks like you want it to.
TIMESTAMPS:
00:00 - Intro
00:59 - Make Your Favicon in Canva
02:47 - Add Your Favicon in Showit
03:16 - Preview Your Favicon
Follow Me:
instagram.com/@thekdesignco
Purchase the template used in this video: kdesign.co/product/jenny
มุมมอง: 63

วีดีโอ

How to Use Multiple Fonts in One Text Box in Showit
มุมมอง 338หลายเดือนก่อน
In this video I show you how you can easily use multiple fonts in one text box inside of Showit. In this video, I walk through two methods: 1) One uses inline formatting (this will work for Google fonts, when multiple weights of the same font are loaded ie. bold, italic) 2) The second method works for Google fonts and any custom fonts you may have on your site. You can also use this method on o...
How to Create a Scrolling Text Marquee in Showit
มุมมอง 6784 หลายเดือนก่อน
In this video I show you how you can easily create a scrolling marquee in Showit, WITHOUT using any code. TIMESTAMPS: 00:00 - Intro 00:24 - Example Marquee 00:45 - Create a New Canvas 01:34 - Formatting Your Text 02:23 - Add an Emoji 03:24 - Display, Sizing, and Positioning for Your Text Box 05:47 - Adding a Slide Transition 07:00 - Preview Your Marquee 07:19 - Format Your Marquee for Mobile KE...
How to Add a Gravity Form to Your Showit + Wordpress Website
มุมมอง 2224 หลายเดือนก่อน
Learn how to install the @GravityWP plugin, create a simple contact form in Wordpress and add it to your @showit website. Gravity Forms has a ton of form field options and additional functionality that you can't get natively with Showit contact forms which is why it's my #1 go-to option for robust contact forms. Note: To use Gravity Forms with your Showit website, you must have a Showit Advance...
How to Create a A Redirect for Showit Websites
มุมมอง 1874 หลายเดือนก่อน
In this video, I walk through 2 different methods you can use to create a redirect for your Showit website. This is a great technique to use to avoid your website visitors going to 404 pages for old links and create a better user experience on your website TIMESTAMPS: 00:00 - Intro 00:16 - Create a Redirect in the Showit editor 00:48 - How a redirect works 01:17 - How redirects impact SEO & UX ...
Design Tips for Showit: How to Design Desktop + Mobile Layouts Faster
มุมมอง 2164 หลายเดือนก่อน
Learn time-saving tips and shortcuts in Showit to help speed up your design process, especially for mobile design. In this video, I walk you through how to translate a desktop design into a mobile design quickly and seamlessly. TIMESTAMPS: 00:00 - Intro 00:49 - How to plan ahead when designing desktop vs mobile 01:59 - Step 1: Mocking up a pricing section on desktop 05:37 - Step 2: Translating ...
How to Update Your SEO Settings in Showit
มุมมอง 761ปีที่แล้ว
Optimizing your website for SEO is a great practice to help you build your organic website traffic. In this video I walk you through updating your SEO settings in Showit for your pages, text and images so you can optimize them to be more found easily in search. If you liked this video, please subscribe to my channel or comment below with what tutorial you would like to see next. Don't forget to...
How to Create a Dropdown Menu in Showit
มุมมอง 2.6Kปีที่แล้ว
Need to add a dropdown menu to your Showit site to use to list out subpages for your services or additional menu options? In this tutorial, I teach you how to create and add a custom dropdown menu to your Showit website, including some fun and quick tips to speed up your workflow. If you liked this video, please subscribe to my channel or comment below with what tutorial you would like to see n...
How to Create a Color Underlay Effect on a Photo Background in Canva
มุมมอง 939ปีที่แล้ว
Looking for a super easy way to create beautiful and branded social media graphics using your brand colors? In this quick video, I show you how to quickly merge any color with a photo background using transparency in Canva to create a cohesive branded image with the text that is easy to read. If you liked this video, please subscribe to the channel or comment below with what tutorial you would ...
How to Change Your Showit Blog Text Formatting with CSS
มุมมอง 8652 ปีที่แล้ว
By default, your Showit blog will inherit the Design Settings you specify inside the Showit builder, but if you want to change the formatting styles of your blog text (headings, paragraphs, etc.) to be different that the rest of your site, you can use CSS. In this tutorial, I show you how you can use the Chrome Inspect tool to identify which HTML elements (H2, H3, P, etc.) and selectors to targ...
How to Create a Coming Soon Page for Your Showit Website
มุมมอง 9602 ปีที่แล้ว
A coming soon page is a great thing to have if you want to get the word out about your new website but aren't quite done refining the design or writing your content. Thankfully, Showit makes creating a custom coming soon page super easy. In this tutorial, I offer some tips and tricks to making a beautiful coming soon page that matches the rest of your site inside of Showit in less than 10 minut...
How to Upload and Use a Custom Font on Your Showit Website
มุมมอง 4922 ปีที่แล้ว
In this video, learn how to upload a custom font to your Showit website and update the design settings to quickly apply the font changes to your entire site. Important: Make sure your font is .WOFF format before you upload and that you have the proper web font license in order to use the font on your site. To purchase the template shown in this example, visit: kdesign.co/product-kimberly. You c...
How to Use Showit's Social Grid Widget to Display Your Instagram Feed on Your Showit Website
มุมมอง 4062 ปีที่แล้ว
Showit just dropped a new feature that you are going to love: The Social Grid! This new Showit widget allows you to integrate your Instagram feed into your Showit website without the use of a third party app. With this new widget you can adjust the sizing and spacing of your images and create independent styles for both your website's desktop and mobile views. Watch the video for a quick walkth...
How to Create a Contact Form on Your Showit Website
มุมมอง 2.6K2 ปีที่แล้ว
Need to collect information from your website visitors? In this tutorial, I show you how you can create a simple contact form on your Showit website that displays a thank you message after someone submits your form. Purchase the Becca template featured in this tutorial here: kdesign.co/product-becca If you liked this video, please subscribe to my channel or comment below with what tutorial you ...
How to Create a Resources Page in Showit w/ Pop-up Opt-in Forms
มุมมอง 4652 ปีที่แล้ว
How to Create a Resources Page in Showit w/ Pop-up Opt-in Forms
How to Update Your Color Palette in Showit Using Design Settings
มุมมอง 3503 ปีที่แล้ว
How to Update Your Color Palette in Showit Using Design Settings
How to Create a Product Mockup in Canva
มุมมอง 1703 ปีที่แล้ว
How to Create a Product Mockup in Canva
How to Embed a Shopify Buy Button on Your Showit Website
มุมมอง 8743 ปีที่แล้ว
How to Embed a Shopify Buy Button on Your Showit Website
How to Embed a Thrivecart Buy Button into Your Showit Website
มุมมอง 1.4K3 ปีที่แล้ว
How to Embed a Thrivecart Buy Button into Your Showit Website
How to Embed a Dubsado Form in Showit
มุมมอง 5003 ปีที่แล้ว
How to Embed a Dubsado Form in Showit
How to Embed a Mailerlite Form in Showit
มุมมอง 8633 ปีที่แล้ว
How to Embed a Mailerlite Form in Showit
How to Create a Notification Bar (or Promo Banner) for Your Showit Website
มุมมอง 1.6K3 ปีที่แล้ว
How to Create a Notification Bar (or Promo Banner) for Your Showit Website
Shop Beautiful Showit Website Templates from K Design Co.
มุมมอง 8263 ปีที่แล้ว
Shop Beautiful Showit Website Templates from K Design Co.
How to Add a New Link to Your Menu in Showit
มุมมอง 7874 ปีที่แล้ว
How to Add a New Link to Your Menu in Showit
How to Add Your Instagram Feed to Your Showit Website
มุมมอง 8954 ปีที่แล้ว
How to Add Your Instagram Feed to Your Showit Website
How to Create a Pop-up in Showit
มุมมอง 1.4K4 ปีที่แล้ว
How to Create a Pop-up in Showit

ความคิดเห็น

  • @KirstyUssher
    @KirstyUssher 14 วันที่ผ่านมา

    Hey. This was a great tutorial and has worked in my planning but not when I preview. It reverts back to another font when I hit preview. Could this be a problem with my font? It is an uploaded font, not a Google font. Any help is appreciated :)

    • @theKdesignco
      @theKdesignco 14 วันที่ผ่านมา

      @@KirstyUssher Hey Kirsty, make sure that the font name is correct. How I usually test this is to use the Chrome inspect tool on another element on the page that has the font I am trying to replicate and then see what the CSS font name is associated with that and copy it exactly. Sometimes it slightly varies from what you think it’s called, even just with spacing, so tweaking usually fixes the issue.

    • @KirstyUssher
      @KirstyUssher 14 วันที่ผ่านมา

      @@theKdesignco Thank you. I realised my issue was that I didn't have the font used anywhere else on the page, so it couldn't recognise it. I fixed it :)

    • @theKdesignco
      @theKdesignco 12 วันที่ผ่านมา

      @@KirstyUssher awesome! Glad you got it worked out 👍

  • @ChristelVanHeerden
    @ChristelVanHeerden 19 วันที่ผ่านมา

    Hi there! When i do my marque the text starts in the middle of the screen before moving over to slide across the page. Do you have any idea how to fix this? I did exactly what you did :(

    • @theKdesignco
      @theKdesignco 13 วันที่ผ่านมา

      You might need to add a bit more text in your text box and also make sure the edge of your text box is line up with the right of the page.

  • @mrsvhodd15
    @mrsvhodd15 25 วันที่ผ่านมา

    Hi there, I don't know if you'll see this but thank you so much for the tutorial! I have it all figured out except that my menus are being hidden behind the next canvas! I tried adjusting the stacking order but nothing I'm trying is allowing them to be seen full. Any advice for what I might be missing? Thanks so much!

    • @theKdesignco
      @theKdesignco 25 วันที่ผ่านมา

      Hi! A couple of thoughts… Is your header canvas set as stick to top? Sometimes you have to adjust the stacking order settings at both the site canvas level (before you actually can click to edit any text) and at the canvas level (where the text is editable)

    • @mrsvhodd15
      @mrsvhodd15 21 วันที่ผ่านมา

      @@theKdesignco The site canvas level did it! Thanks so much!

    • @theKdesignco
      @theKdesignco 21 วันที่ผ่านมา

      @@mrsvhodd15 yay! so glad that worked for you!!

  • @brianasmith1925
    @brianasmith1925 25 วันที่ผ่านมา

    hey! the problem im having is that its not showing up once i hit publish/preview :( btw your website is stunning! i need help making tweaks to make my site standout a little more.

    • @theKdesignco
      @theKdesignco 25 วันที่ผ่านมา

      Hey Briana, Did you make sure that you moved the edge of your text box to line up with the side of the page that the text appears to be coming from?

  • @kaelisweigard
    @kaelisweigard 26 วันที่ผ่านมา

    so helpful thank you!!

    • @theKdesignco
      @theKdesignco 26 วันที่ผ่านมา

      So glad you liked the video!!

  • @PaigeMajor
    @PaigeMajor 29 วันที่ผ่านมา

    SO helpful!! Thank you!!

    • @theKdesignco
      @theKdesignco 28 วันที่ผ่านมา

      You are so welcome!

  • @Moon.Bunny.Studios
    @Moon.Bunny.Studios หลายเดือนก่อน

    Thank you! Super helpful!

    • @theKdesignco
      @theKdesignco หลายเดือนก่อน

      So glad you liked this and found it helpful!!

  • @imedia3d67
    @imedia3d67 หลายเดือนก่อน

    Found this tutorial very useful, thanks!!!

    • @theKdesignco
      @theKdesignco หลายเดือนก่อน

      So glad this was helpful :)

  • @susanauten4542
    @susanauten4542 2 หลายเดือนก่อน

    Thank you SO MUCH. This is the first time EVER that I've been able to get a custom font to actually upload to a hosting site. Not even kidding.

    • @theKdesignco
      @theKdesignco 2 หลายเดือนก่อน

      So glad this was helpful for you!! :)

  • @consciouscreatorconsulting
    @consciouscreatorconsulting 2 หลายเดือนก่อน

    okay anyone who finds this, I just learned for the button to show up it has to be out of a canvas view. Seems to not work inside a canvas view. :)

    • @theKdesignco
      @theKdesignco 25 วันที่ผ่านมา

      I haven’t experienced this personally but definitely good to know! Thanks for sharing!

  • @ceciliainnes2586
    @ceciliainnes2586 3 หลายเดือนก่อน

    Hi Krisitn, Another idea has popped in for the Showit tutorial: How do you combine uppercase, lowercase, and italics in the same sentence for a heading? Do you need CSS for this? Or is there another way around this? Norfolk has a video tutorial, but it's not that easy to understand. They don't really explain how to distinguish uppercase, lowercase, and italics in the same line.

    • @theKdesignco
      @theKdesignco 3 หลายเดือนก่อน

      It depends what fonts you are using. If you are using a Google font that has regular and italic styles and they are both added to your site in your design settings, you can create this effect using basic text formatting in one text box. If you are using a custom font, you will need CSS to style the different parts of your text. I can definite make a tutorial on this too.

    • @theKdesignco
      @theKdesignco 26 วันที่ผ่านมา

      Hey Cecilia, just wanted to let you know we created a new video tutorial for how to combine text styles / fonts if you haven’t already seen it here: th-cam.com/video/301fapa4PKI/w-d-xo.html

  • @NestledNook
    @NestledNook 5 หลายเดือนก่อน

    Thank you so much for this helpful, detailed video!

    • @theKdesignco
      @theKdesignco 4 หลายเดือนก่อน

      You are welcome!!

  • @iamsidscott
    @iamsidscott 5 หลายเดือนก่อน

    has thrivecart gotten rid of this ability to embed?

    • @theKdesignco
      @theKdesignco 4 หลายเดือนก่อน

      To my knowledge they haven’t because I still have buy buttons on my own site, but they have rolled out a new checkout option so if you have recently purchased your account, the setup may look different than this. I’ll look into it and create an updated video if needed :)

  • @rosiecardona6301
    @rosiecardona6301 8 หลายเดือนก่อน

    Thank you so much!!!

    • @theKdesignco
      @theKdesignco 8 หลายเดือนก่อน

      You are sooo welcome!!

  • @christinejcopeland
    @christinejcopeland 10 หลายเดือนก่อน

    Thank you! This is amazing - so helpful!!

  • @LivinginDurhamNCTamarBeridze
    @LivinginDurhamNCTamarBeridze 11 หลายเดือนก่อน

    Thank you. This was very helpful and I appreciated that it was not a long drawn out video! :)

    • @theKdesignco
      @theKdesignco 4 หลายเดือนก่อน

      You are so welcome! I like to just get to the point for everyone’s sake :)

  • @brittanyAVL
    @brittanyAVL ปีที่แล้ว

    If you have a up that's an option for people to opt into your email list , they input their emails and click sign up --- how do you link it to automatically add people to your mail chimp list?

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      You will have to embed a form from your mailchimp account into the pop-up design. Here is a guide on how you can get your form code: mailchimp.com/help/add-a-signup-form-to-your-website/

  • @babynesh05
    @babynesh05 ปีที่แล้ว

    Thank you wracking my brain trying to figure this out

    • @theKdesignco
      @theKdesignco 8 หลายเดือนก่อน

      So glad this was helpful for you!!

  • @ohannadesign1632
    @ohannadesign1632 ปีที่แล้ว

    great your channel, it helps me a lot 🤩🙌🏼. I would like to present a page of a site in mockup on an ipad, and I would like that on hover the photo of the site scrolls upwards. I tried a lot of code but I must be doing it wrong. thanks for your help 🙏🏼😊

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      Sounds like a great opportunity for my next video. Will be sure to share the link with you once I've got it up :)

  • @frogfacestudio4767
    @frogfacestudio4767 ปีที่แล้ว

    Great information!! I will be rewatching this when it comes time to me setting up my website!! Thank you for sharing.

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      Glad you found this help!! :)

  • @KristinLarsen
    @KristinLarsen ปีที่แล้ว

    This was so helpful , thanks!

  • @followthelotus7494
    @followthelotus7494 ปีที่แล้ว

    This was very helpful. Thank you!

    • @theKdesignco
      @theKdesignco 4 หลายเดือนก่อน

      Glad to hear it!

  • @Widlomaa
    @Widlomaa ปีที่แล้ว

    Amazing!!! Exactly what I was looking for! Thank you so much!!! :)

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      Awesome! So glad you found this helpful!!

  • @ShaunnaNunes
    @ShaunnaNunes ปีที่แล้ว

    How does the form know what email to send it to? I'm trying to build a site and can't figure out how to attach their email to the account?

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      The Showit contact form message will go to the email address associated with the Showit account the site is built with. You won’t be able to test the form then until you move the site to your client’s using the share key.

    • @ShaunnaNunes
      @ShaunnaNunes ปีที่แล้ว

      @@theKdesignco thanks so much !!

  • @purplestarphotography
    @purplestarphotography ปีที่แล้ว

    Thank you. This was very helpful! 😀

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      You are welcome - glad this helped you!!

  • @NikkiDunn-ib9ct
    @NikkiDunn-ib9ct ปีที่แล้ว

    Amazing! Thank you this was super helpful!

  • @laurenjohns6876
    @laurenjohns6876 ปีที่แล้ว

    SO HELPFUL, THANKS!

  • @thetrademarkattorney_
    @thetrademarkattorney_ ปีที่แล้ว

    Hi! I tried doing this but it was changing the fonts of every H2/H3 on my site. Is there a way that it only applies to the single blog post?

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      Hi Michelle, you can add the CSS code only to your blog and single post template under the advanced settings in Showit. If you add it to every page, it will affect all of your headings. If you are using the Customization panel or a plugin in Wordpress that loads the CSS for all pages, you could add the class before your selectors ie. body.blog h2 or body.blog h3 body.single-post h2 or body.single-post h3 Let me know if this helps!

    • @TheWildIndianGirl
      @TheWildIndianGirl ปีที่แล้ว

      @@theKdesignco even if you post it in showit, it puts the css to all headings.

    • @theKdesignco
      @theKdesignco ปีที่แล้ว

      You should be able to prepend your CSS class for headings / paragraphs with another class that is based off of the canvas name in Showit that is the parent element for your post content text box. Just drill down to the div container that contains your post content and look for the class. For example, mine is called .sie-post-content_0 so the resulting css might look something like: .sie-post-content_0 h2{ property: value; } You would need to adjust based on the canvas name/class on your own site. Hope this helps!

  • @katefrancesdesigns
    @katefrancesdesigns 2 ปีที่แล้ว

    Is it possible to add a mailerlite form to a blog post, without the advanced showit blog?

    • @theKdesignco
      @theKdesignco 2 ปีที่แล้ว

      Yes! Mailerlite will give you an embed code that you can place inside of your post. No plugin is required!

  • @emilyregno8312
    @emilyregno8312 2 ปีที่แล้ว

    thanks so much, this was super helpful!!

  • @TheHealthybratt
    @TheHealthybratt 2 ปีที่แล้ว

    question - how did you get the color of the submit button to be different on Dubsado?

    • @theKdesignco
      @theKdesignco 2 ปีที่แล้ว

      Great question - that is done by setting your brand color in your account settings. Here is a helpful article that will show you how: help.dubsado.com/en/articles/467109-choose-a-brand-color#set-a-brand-color

    • @TheHealthybratt
      @TheHealthybratt 2 ปีที่แล้ว

      @@theKdesignco Thank you!

  • @MinyCalapa
    @MinyCalapa 2 ปีที่แล้ว

    Great insight! Thanks for sharing! Cheers & Happy Friday, Britt

    • @theKdesignco
      @theKdesignco 2 ปีที่แล้ว

      Thanks for watching!

    • @MinyCalapa
      @MinyCalapa 2 ปีที่แล้ว

      @@theKdesignco My absolute pleasure! Happy Friday!

  • @nadiamoliere2874
    @nadiamoliere2874 2 ปีที่แล้ว

    So did you have to create the template for the pop up or does the website automatically generate one for you? If so...could you drop a tutorial on how to do that?

    • @theKdesignco
      @theKdesignco 3 หลายเดือนก่อน

      Thrivecart comes with a base template for the pop-up design that you can customize based on what design elements you want included and also you can change the colors / fonts to match your brand. I will make a tutorial on what this process looks like too!

  • @iamsarahmchenry
    @iamsarahmchenry 2 ปีที่แล้ว

    This saved me big time! Thank you!!

  • @dailythinkers2182
    @dailythinkers2182 2 ปีที่แล้ว

    Thank you so much! :)

  • @maurissastarks5606
    @maurissastarks5606 2 ปีที่แล้ว

    Super helpful! Thanks!!

    • @theKdesignco
      @theKdesignco 2 ปีที่แล้ว

      Thank you, Maurissa!

  • @adeinewallacephotography
    @adeinewallacephotography 3 ปีที่แล้ว

    Very helpful. New to Showit and wanted this option....great explanation and clear.

    • @theKdesignco
      @theKdesignco 3 ปีที่แล้ว

      Yay! So glad to hear it <3

  • @tiffanyp.5082
    @tiffanyp.5082 3 ปีที่แล้ว

    Seriously... THANK YOU!

    • @theKdesignco
      @theKdesignco 3 ปีที่แล้ว

      You are so welcome!!

  • @angelamichelleperez
    @angelamichelleperez 3 ปีที่แล้ว

    This was so helpful

    • @theKdesignco
      @theKdesignco 3 ปีที่แล้ว

      Glad to hear it Angie!!

  • @adriannaalba2649
    @adriannaalba2649 3 ปีที่แล้ว

    This was very helpful! Thank you. How do you make a word slide across the page? Like this one at the top it slides across to say "dreams" wildandfree.showit.site/sales-page

    • @theKdesignco
      @theKdesignco 3 ปีที่แล้ว

      I believe this is done using the "Transition" tab in Showit. Select an element on your canvas and then look at the right menu, you should see it. Then select the Type "Slide" and choose your settings. I will make another tutorial showing how if it helps! :)

    • @adriannaalba2649
      @adriannaalba2649 3 ปีที่แล้ว

      K Design Co. Thank you!! ♥️