Archived topic
How I can do the same using GP theme by block container or any code?
5 replies · Started by Supersafia on March 7, 2022
Hello supporters,
Could you please help me to create that small window filled with contents within my article.
See to this site where they add the video contents into small window (I do not know what you call it really). How I can make it using GP without using any plugin or elementor-widget-container as the blogger did.
How to add widget text into post?
https://www.wpcrafter.com/review/generatepress/
I hope solve it soon.
Best Regards
Safia
Hi there,
To add videos, you may opt to use WordPress Blocks such as these: https://share.getcloudapp.com/OAu6m5on
To have an idea on how to add and edit GenerateBlocks plugin Blocks, here is a video you may refer to: https://www.youtube.com/watch?v=R7fwJECtgSg
Here is our YouTube channel for GB: https://www.youtube.com/c/GenerateBlocks/videos
GP: https://www.youtube.com/c/GeneratePress/videos
Also see: https://docs.generateblocks.com/collection/blocks/
Watching a video like this may also assist you with regards to how to use Block Elements: https://www.youtube.com/watch?v=4x6CjGOyagc
To add custom Queries or lists of posts in a post or page, using a Query Loop Block might help.
See: https://share.getcloudapp.com/geum8L7B
Also see: https://wordpress.org/support/article/query-loop-block/
Hope this helps! Feel free to reach out if you have any further inquiries. :)
Could you provide specific help for my question and don't throw me to huge sources.
I know how to add video to my post.
what I asked is how to add any text in small window into post.
help me save time.
Best Regards
Hi there,
Are you referring to this video transcript?: https://share.getcloudapp.com/Z4u7eOXY
If so, you may have a set up like this where a Parent Container Block is holding all other Blocks, and add a custom CSS class like scrollable-box: https://share.getcloudapp.com/KouAzpgX
Then, we can target this CSS class and add a CSS code like this:
.scrollable-box > .gb-inside-container {
height: 300px;
overflow-y: scroll;
background-color: rgb(230,230,230);
padding: 10px;
}
Kindly modify rgb(230,230,230) to your preferred color, and height to your preferred height. The width should adjust to where you place the container or you may edit it through its Block settings.
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
If you’re referring to a different Element, may you kindly send a screenshot of this Element?: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Kindly let us know how it goes. :)
Hi Fernando,
It does work.
As I understood that rgb(230,230,230) is for colour. Is that right?
you save my time and learn some thing cool.
Hi there,
thats correct rgb(230,230,230) is a color property.
You can also hex colors. which look like #ffeeaa for example.
if you just Google Color Picker it will bring up a picker that will show you the Hex and RGB colors :)