.png.2455ef86291f2cc8f3db18d7d49662c4.png)
Ramon-east
-
Posts
21 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Ramon-east
-
.thumb.png.7aede0c78b6da276016f95d0c6b16e87.png)
layout breaks on smaller screens (blogpage gallery)
Ramon-east posted a topic in Customize with code
Preciso de ajuda, como resolvo isso? em telas menores o conteúdo do blog fica menor, mas fica muito pequeno e quebra o layout, como posso definir um tamanho padrão? E se não couber na tela, ele simplesmente desce para o layout não ficar feio? Tentei definir um tamanho mínimo, mas o conteúdo interno estava se sobrepondo e grudando nas outras postagens. https://www.mindthesec.com.br/grade
-
I have a session with ticket types, when you click on the button, the in-person tickets disappear and only the online ticket remains, but the space does not change, and there is a large blank space on the page https://www.mindthesec.com.br/teste
-
I tried several ways but I don't know how to do this. I would like them all to be at the same height regardless of the height of each layout, it looks visually more beautiful. https://www.mindthesec.com.br/grade
-
I'm trying to develop a content grid for lectures, I hired universal filter to filter the content, is there any way to favorite the content? I haven't developed the page yet, is there a plugin that does this? Let's suppose I have 50 lectures on different topics, and I want the person to be able to bookmark and filter through them, or at least add them to their favorites.
-
https://www.mindthesec.com.br/teste
-
Why when I add the code is it so big in squarespace and with spaces? It gets in the way when I add the button, it has to be at the bottom, and the size of the countdown layout is normal. but when I add the code to squarespace it gets in the way. and you can't resize. code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Countdown</title> <style> @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap'); .tonic-cd-style-1 { max-width: 500px; display: flex; flex-direction: row; gap: 10px; font-family: 'Assistant', sans-serif; } .tonic-cd-style-1 div { display: flex; flex-direction: column; flex: 1 1 0px; align-items: center; justify-content: center; text-align: center; background: #ffffff; padding: 10px; border-radius: 5px; height: 65px; } .tonic-cd-style-1 strong { color: #000000; font-size: 45px; } .tonic-cd-style-1 span { color: #333333; font-size: 18px; } .tonic-cd-style-1 .tonic-cd-end { text-align: center; font-weight: bold; color: #333333 !important; font-size: 25px !important; } .event-started { text-align: center; font-size: 20px; font-weight: bold; color: #FF0000; margin-top: 20px; } </style> </head> <body> <div class="tonic-cd-countdown-6107 tonic-cd-style-1"> <div class="tonic-cd-days-6107"></div> <div class="tonic-cd-hours-6107"></div> <div class="tonic-cd-minutes-6107"></div> <div class="tonic-cd-seconds-6107"></div> </div> <div class="event-started" style="display: none;">O evento começou</div> <script> const targetDate = "2024-09-16 00:00:00"; const countdownSec = document.getElementsByClassName("tonic-cd-countdown-6107")[0]; const timerDays = document.getElementsByClassName("tonic-cd-days-6107"); const timerHours = document.getElementsByClassName("tonic-cd-hours-6107"); const timerMinutes = document.getElementsByClassName("tonic-cd-minutes-6107"); const timerSeconds = document.getElementsByClassName("tonic-cd-seconds-6107"); const eventStartedMessage = document.querySelector(".event-started"); const dateTime = new Date(targetDate); const yyyy = dateTime.getFullYear(); const mm = String(dateTime.getMonth() + 1).padStart(2, "0"); const dd = String(dateTime.getDate()).padStart(2, "0"); const hour = String(dateTime.getHours()).padStart(2, "0"); const min = String(dateTime.getMinutes()).padStart(2, "0"); const sec = String(dateTime.getSeconds()).padStart(2, "0"); const endDate = yyyy + "-" + mm + "-" + dd; const endTime = hour + ":" + min + ":" + sec; const endTimezone = "+00:00"; const end = new Date(`${endDate}T${endTime}${endTimezone}`).getTime(); const seconds = 1000; const minutes = seconds * 60; const hours = minutes * 60; const days = hours * 24; const x = setInterval(function() { let now = new Date().getTime(); const difference = end - now; if (difference < 0) { clearInterval(x); Array.from(timerDays).forEach( (dayEl) => (dayEl.innerHTML = "<strong>0</strong><span>Days</span>") ); Array.from(timerHours).forEach( (hoursEl) => (hoursEl.innerHTML = "<strong>0</strong><span>Hours</span>") ); Array.from(timerMinutes).forEach( (minutesEl) => (minutesEl.innerHTML = "<strong>0</strong><span>Minutes</span>") ); Array.from(timerSeconds).forEach( (secondsEl) => (secondsEl.innerHTML = "<strong>0</strong><span>Seconds</span>") ); eventStartedMessage.style.display = "block"; return; } Array.from(timerDays).forEach( (dayEl) => (dayEl.innerHTML = "<strong>" + Math.floor(difference / days) + "</strong><span>Days</span>") ); Array.from(timerHours).forEach( (hoursEl) => (hoursEl.innerHTML = "<strong>" + Math.floor((difference % days) / hours) + "</strong><span>Hours</span>") ); Array.from(timerMinutes).forEach( (minutesEl) => (minutesEl.innerHTML = "<strong>" + Math.floor((difference % hours) / minutes) + "</strong><span>Minutes</span>") ); Array.from(timerSeconds).forEach( (secondsEl) => (secondsEl.innerHTML = "<strong>" + Math.floor((difference % minutes) / seconds) + "</strong><span>Seconds</span>") ); }, seconds); </script> </body> </html>
-
Add the country symbol in the language menu
Ramon-east replied to Ramon-east's topic in Customize with code
https://www.mindthesec.com.br/ -
I want to add the country flag when the person sees the languages in the menu. only in the menu itself
-
Is there any way with code to set a longer time for the popup to appear on the website? I thought about 1 minute but maybe I'll add more.
-
how to centralize an auto list session (card list)
Ramon-east replied to Ramon-east's topic in Customize with code
https://www.mindthesec.com.br/webinar -
I found a tutorial that helps but it was made for a session with 3 columns, I couldn't understand it very well, the code was this: @media screen and (min-width: 768px) { .user-items-list-simple[data-num-columns="3"] { grid-template-columns: repeat(~"6,1fr"); } .user-items-list-simple[data-num-columns="3"] .list-item { grid-column: span 2; } .user-items-list-simple[data-num-columns="3"] .list-item:nth-child(4) { grid-column: ~"2/4"; } } How do I align this session?
-
the summary block above 4 items is causing the layout to break. i found out after contacting support, is there a solution?
-
How do you remove white space on the form? I have already tested that when you press send it removes this space.
-
I have the same problem, for digital products
.thumb.png.7aede0c78b6da276016f95d0c6b16e87.png)
