- This topic has 7 replies, 3 voices, and was last updated 5 years, 1 month ago by
.
-
Posts
-
Hi team,
How do I achieve (content under scrollbar) like this? if there’s something I can do, do let me know.
Example Image – https://ibb.co/4Nb00fR
Customer Support
Hi there,
add a Group Block, and in the sidebar settings > Advanced give it an Additional CSS Class of
scroll-boxAdd your content inside the Group Block.
Then add this CSS:
.scroll-box > div { max-height: 400px; /* Set height of scroll box */ overflow-y: auto; margin-bottom: 40px; }If you want more styling control then use a Container Block from the GenerateBlocks plugin.
Hi david,
sorry for the inconvenience but can you please tell me how do I add those group blocks and Additional CSS Class of
scroll-boxas i am a bit non techy.Thanks in advance
Regards,
KaramSee here:
WOW…!
you guys have the best after-sales support (i must say).
one more thing, can I do this in classic editor? OR is it only possible in Gutenberg?
That method is only possible in the Gutenberg Editor.
If you wanted to do that in the Classic Editor, you would need to switch to the code editor view, where you can see the HTML and then add your own HTML like so:<div class="scroll-box"> <div class="scroll-box-inner"> Your content goes here </div> </div>Hey David,
it worked absolutely fine.
I have made some little tweaks in it (width and bg colour for example). But how do I make this section
align: right? and once done, will I able to write something on the left side (blank part)? if yes, then how?I have made an image (using photoshop) for a better example. – https://ibb.co/F315nmg
my site: https://bit.ly/3jwncEu
Customer Support
Hello Karam,
This CSS can move the section to right.
.wp-block-group__inner-container { margin-left: auto; margin-right: 0; }If you want to add content on its left, make sure the content are in a container.
Let me know if you need further assistance.
- You must be logged in to reply to this topic.
