-
I built a CTA and wanted to have all the CSS in a single Global Style. Overall, it is about 80 lines of CSS that I pasted into the Edit CSS window, taken from the global styles page for GB.
What I noticed was that there was no way to get back to the top by scrolling. I was able to save by moving the cursor back to the top in the CSS code.
Small thing, but I thought I would share.
PS – I just realized this was the alpha version and read the help doc. This is a nice new feature
-
Hi there,
Thanks for reporting the issue.
Is it possible to share your CSS so I can replicate the issue on my site?
Let me know 🙂
-
The CSS has more lines than the CSS edit window. Now, when you move the cursor up or down and force a scroll, you see the bar, but it disappears and is not “grabbable”.
background-color: var(–color-primary-800);
padding: 2.5rem;
border-radius: 8px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
border-left-width: .33em;
border-left-style: solid;
border-left-color: var(–color-secondary-600);
color: var(–color-neutral-50);
font-family: Arial;
display: flex;
flex-direction: column;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
row-gap: 0px;
column-gap: 0px;> div:first-child {
display: flex;
flex-direction: column;
gap: 0.75rem;
}> div:first-child > p:nth-child(1) {
text-transform: uppercase;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.05em;
color: var(–color-secondary-400, #c9a84c);
margin: 0;
}> div:first-child > p:nth-child(2) {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
margin: 0;
}> div:first-child > p:nth-child(3) {
font-size: 0.95rem;
line-height: 1.6;
opacity: 0.9;
margin: 0;
}> div:first-child > div:last-child {
display: flex;
align-items: center;
gap: 1.25rem;
margin-top: 0.5rem;
}> div:first-child > div:last-child > a:first-child {
background-color: var(–color-secondary-400, #c9a84c);
color: #fff;
padding: 0.75rem 1.5rem;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}> div:first-child > div:last-child > a:last-child {
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}> div:last-child {
margin-top: 1.25rem;
padding-top: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.25);
font-size: 0.85rem;
opacity: 0.85;
line-height: 1.5;
} -
Hello,
If you are referring to the current alpha versions, GenerateBlocks 2.3.0-beta.1 and GenerateBlocks Pro 2.6.0-beta.1 which are now live and downloadable from your account should have solved the issue.
Let us know!
-
I just realized that GB was not on the alpha or beta. Now both are beta-1. I am adding a short video. If I use two-finger scrolling on a Mac, I can see and access the scrollbar. But it does not reappear when you hover over it. I would like it to be best to keep the scroll visible and not fade out. But I don’t know if that is a browser thing. See the loom video in the private area.
-
Hello,
MacOS scrollbars kind of get out of the way when they’re not needed.
In System Settings > Appearance there should be an option:
Show Scroll bars > Always. -
Understood. After enabling scrollbars to always be visible, I now see it. Sorry, I did not realize the OS was impacting it. Thanks!
-
Ok, no problem!
- You must be logged in to reply to this topic.