RicardoRMS
-
Posts
29 -
Joined
-
Last visited
Reputation Activity
-
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; } }
-
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
-
RicardoRMS reacted to tuanphan in Typewriter & delete effect? TypeIt or something similar
Add this to Design > Custom CSS
/* Typewriter height */ .typewriter { height: 50px !important; }
-
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; }
-
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; }
-
RicardoRMS got a reaction from Beyondspace in Adding TikTok Icon For Social Links
I can't thank you enough 🥰 😍 ❤️ it looks wonderful!
-
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.
-
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; }