Tonmeister
-
Posts
44 -
Joined
-
Last visited
Reputation Activity
-
Tonmeister reacted to tuanphan in Wrong text block order on mobile
Not sure why. If you still can't solve it, add this to Design > Custom CSS
/* footer mobile text order */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1596047903533_12545+.row .span-6 { display: flex; flex-direction: column; } div#block-yui_3_17_2_1_1595691424873_11077 { order: 1; } div#block-yui_3_17_2_1_1626963596232_21283 { order: 2; } div#block-yui_3_17_2_1_1626963596232_21379 { order: 3; margin-left: 0; } }
-
Tonmeister reacted to tuanphan in Disable Fadein / Appearing of specific elements
Add to Home >Design > Custom CSS
/* Disable footer link animation */ div#block-yui_3_17_2_1_1598901933163_15272 * { transition-delay: unset !important; transition-duration: unset !important; opacity: 1 !important; }
-
Tonmeister reacted to tuanphan in Vertically Centering Blocks of Two Columns
Add to Home > Design > Custom CSS
/* Staff - Wienkamp page */ @media screen and (min-width:768px) { div#block-b1204f7dea47721483c4>.row:nth-child(2) { display: flex; align-items: center; } }
-
Tonmeister reacted to tuanphan in Photo Credit -- how to add directly below banner?
Add to Home > Design > Custom CSS
/* Align right photo credit */ .staffcopyright { font-size: 10px; text-align: right; }
-
Tonmeister reacted to tuanphan in Photo Credit -- how to add directly below banner?
Which image on your site?
-
Tonmeister reacted to tuanphan in Lightbox captions only?
Can you share link to gallery? We can check easier.
-
Tonmeister reacted to tuanphan in Lightbox captions only?
Enable Caption first, then add this to Home > Settings > Advanced > Code Injection > Header
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('gallery-grid-item'); var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item'); var countGalleryItem = itemGallery.length; for(var i = 0; i < countGalleryItem; i++){ if(itemGallery[i].getElementsByTagName('p').length != 0){ var text = itemGallery[i].getElementsByTagName('p')[0].textContent; var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0]; itemNeedCaption.appendChild(createNodeCaption(text)); } } }); </script> <style> figcaption.gallery-caption.gallery-caption-grid-simple { display: none; } .style-gallery-lightbox-text { padding: 10px 0px 25px 0px; display: block; position: absolute; left: 50%; top: 90%; width: 100%; transform: translate(-50%, -50%); font-size: .3em text-align: left; } .style-gallery-lightbox-text p { width: 90%; padding: 10px 15px; margin: auto; color: white; background-color: rgba(0,0,0,0.5); } @media screen and (max-width:767px) { .style-gallery-lightbox-text { top: 70%; } } </style> Code from another member on Forum.
-
Tonmeister got a reaction from Beyondspace in Box Shadow on Instagram Grid Fee
That did it!!
Thank you so much! 👏👏
-
Tonmeister reacted to Beyondspace in Box Shadow on Instagram Grid Fee
Hi you can try this
.sqs-gallery-design-grid-slide { padding-right: 5px; box-sizing: border-box; }
-
