Customize Squarespace Courses With CSS

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 4

  • @ammyandherbooks
    @ammyandherbooks 2 месяца назад

    I'm currently building my own website for my online language school and I've already used some of the codes you shared and I was just thinking I was still missing this one and it's like you read my mind and made the video 🙈 Thank you so much, it's really helpful! 🙏🏼😊

    • @ajmexperience
      @ajmexperience  2 месяца назад +1

      omg yayyy this makes me so happy! 🤩 let me know if there's anything else specific you feel like you're missing - i'm always looking for inspo for new videos :)

    • @ammyandherbooks
      @ammyandherbooks 2 месяца назад

      @@ajmexperience Thanks to your and one other RUclipsr's coding I was able to fix most issues I came across ❤, but there are currently still two things I would like to implement if possible.
      One is to change the title size of the carousel, but only for mobile. There's just one tiny word falling on the next line, but I would like to make it fit and have it as one line for the mobile version.
      The second thing is that I have this idea of having a pop-up if you hover over a specific word within a text, to show the meaning of a word or extra explanation or even a picture. I watched a video from InsideTheSquare about doing the pop-up for a a whole block or picture, but she said doing it for just one word within a text might not be possible within CSS, but who knows, maybe you have an idea 👀
      If you don't know, that's fine of course! But maybe I gave you some inspiration for a new video or blog ^^ And thanks again for all the content you create!! ❤

    • @ajmexperience
      @ajmexperience  2 месяца назад

      @@ammyandherbooks ooohhh let's see if i can help!
      for the first one, use this and adjust the font size as needed. this is for the title over the carousel (let me know if i misunderstood anything)
      @media only screen and (max-width: 767px) {.list-section-title {font-size: 20px !important;}}
      for the pop-up, yes you typically need java for anything that "moves". i use this plugin to create lightboxes. it's a bit pricey but sooo worth it:
      transactions.sendowl.com/stores/9483/298972
      you can see it in action on my client site here (click any of the yellow "learn more" buttons) - www.matzlearning.com/courses
      i doooo think you have to click for the lightbox instead of hover though 🤔
      thank you for all the kind words! i get so excited to hear that i'm helping people find answers 😍