Jump to content

RicardoRMS

Member
  • Posts

    29
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    RicardoRMS reacted to Beyondspace in Lightbox captions only?   
    I think setting caption position to fixed may solve it
    @media only screen and (max-width: 640px) { .lightbox-caption { position: fixed; bottom: 0; } }
  2. Like
    RicardoRMS got a reaction from Beyondspace in Lightbox captions only?   
    @tuanphan yes on mobile the captions are a little too low to properly read. And the photos in the Lightbox all load individually which grinds loading the site to a halt. So yes its still an issue. 
    Site and specific page url where the issue occurs: https://ricardomusicstudio.com/filmography
  3. Love
    RicardoRMS reacted to tuanphan in Typewriter & delete effect? TypeIt or something similar   
    Add this to Design > Custom CSS
    /* Typewriter height */ .typewriter { height: 50px !important; }  
  4. Thanks
    RicardoRMS reacted to tuanphan in Lightbox captions only?   
    In Code Injection or Page Header, remove this code
    body, html { padding: 0; margin: 0; height: 100%; font-family: 'Raleway'; overflow: hidden; }  
  5. Thanks
    RicardoRMS reacted to tuanphan in Lightbox captions only?   
    Add to Design > Custom CSS
    /* Filmography caption */ body#collection-5e388895b9b4566c6962ec61 figcaption.gallery-caption.gallery-caption-grid-masonry { display: none; }  
  6. Like
    RicardoRMS got a reaction from Beyondspace in Adding TikTok Icon For Social Links   
    I can't thank you enough 🥰 😍 ❤️ it looks wonderful! 
  7. Like
    RicardoRMS got a reaction from Beyondspace in Adding TikTok Icon For Social Links   
    Doesn't work. I've tried all the code posted here they don't work in either the footer or header. I tried this guide from another forum thread which told me to go to design and css and what occurred is that the icon appeared over the internet link rather than replace it. 
     
    a.icon.icon--fill[href*=tiktok] { position: relative; } a.icon.icon--fill[href*=tiktok]:after { content: ''; position: absolute; background: url(https://uxwing.com/wp-content/themes/uxwing/download/10-brands-and-social-media/tiktok.png); background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; } I tried the different codes and took the link on and off to test it. I put it back on now. Yes its in my header. 
  8. Like
    RicardoRMS got a reaction from Beyondspace in Adding TikTok Icon For Social Links   
    Doesn't work. I've tried all the code posted here they don't work in either the footer or header. I tried this guide from another forum thread which told me to go to design and css and what occurred is that the icon appeared over the internet link rather than replace it. 
     
    a.icon.icon--fill[href*=tiktok] { position: relative; } a.icon.icon--fill[href*=tiktok]:after { content: ''; position: absolute; background: url(https://uxwing.com/wp-content/themes/uxwing/download/10-brands-and-social-media/tiktok.png); background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.