-
paulliu819
hi
how are youi want to achieve this kind of content layout like this screenshot https://prnt.sc/6ZH9GQXwdsr4 or https://prnt.sc/DWYIN4rvsYY1, I attached their original URL link in the private message, please check them
Please suggest the content layout for implementing this.
Also, I tried to find some examples from your Pattern Library, but don’t find them, all are images + text paragraph
Thanks
-
Fernando
Hi Paulliu,
This entire part in red here is just a background Image(the text is part of the image): https://share.zight.com/yAunz9lv
You can add it as a background Image to a Container Block and add a Video Block inside it. Then, we can position the image roughly in the correct place relative to the image with CSS.
-
paulliu819
HI Fernando
Thanks for your reply and advice.
i will try to avoid extra CSS code and I have done that by the features from gp and gb. Can you see these content from my website? pls check the screenshot in the private message.
now one more thing, I can see it in normal google browser, but we don’t see it in google incognito browser,
I already closed the SG optimizer, why still not show the updated content and layout
another two things,
#1 https://prnt.sc/JUiMSV0GtEeG, why those images are blurry? how to get rid of it?
#2 https://prnt.sc/yRbYTxxu4kyv how to make the images smaller?
#3 https://prnt.sc/IOI2z7bKAJxK don’t show the text below the images, and the text shown https://prnt.sc/ZCllhqhApxUN in mobile and tablet, why it happened?Thanks
-
Fernando
The site you linked is down right now. Can you check if it’s the correct link?
-
paulliu819
The link of the site is OK and is not down.
-
Fernando
I’m not seeing the screenshot on the page you linked. If I add
/?nocache
at the end of the link, I see it though.With that said, try temporarily disabling any caching/optimization plugins you have to test.
#1 The opacity of the Containers is set to 0.3. Set it to 1.
#2 You can place the Grid Block inside a Container Block and give the Container Block a smaller percentage width like
80%
. Then, set its left and right margins toauto
.#3 That text is part of the image. You’ll need to set the image size to contain if you want the entire image to show. Or, just add it as another Container Block.
-
paulliu819
https://prnt.sc/S4NUl_PEuy6_
https://prnt.sc/TDFhwhVGKr1e
https://prnt.sc/CimKsP147oFKI can see them in the Google browser, but I can not see them in google incognito browser and myself moible phone browser
please help me to check if you can see the contents from the above 3 screenshots on my Home page?
I’m puzzled why it happened?
-
Fernando
No, I don’t see them.
I can only see them with
/?nocache
.It could be a caching/optimization plugin you have that’s causing the issue.
-
paulliu819
hi, Fernando
Please check them again now and i already purge the hosting cache.Please help me to check the above questions, thanks
-
Fernando
It’s showing now.
I’ve also replied to your questions: https://generate.support/topic/how-to-achieve-this-content-layout-in-gb-and-gp-premium/#post-62725:~:text=With%20that%20said%2C%20try%20temporarily
-
paulliu819
hi,
#1 The opacity of the Containers is set to 0.3. Set it to 1. – don’t find opacity
-
Fernando
Can you share admin login credentials through the Private Information field? I’ll check it out for you.
-
paulliu819
hi
thanks for your reply and all are OKone more thing now, please help and guide
it has the shape from this container and pls check the screenshot https://prnt.sc/VVDsYlEkVf2Z
now I want to apply this shape style including shape 1 and shape 2 (https://prnt.sc/gra-IihKIeGx) to this total parent container https://prnt.sc/izxnuAzILsCq https://prnt.sc/s-8Idy9NRnaH
pls guide and achieve it? it is my first time to learn this features, pls help, thanks
-
Fernando
I’m not sure I understand.
Wouldn’t it be just as simple as adding the 2 shapes to this Container? Or, am I missing something? If I am, can you share a sketch of what you’re trying to do?
-
paulliu819
i mean i just want to add shape to this parent container block, https://prnt.sc/Yraa4OySjd7S
this parent container block include https://prnt.sc/VASHrzxn4XMY and https://prnt.sc/oUNa2LKtoiG5
-
Hi there,
if you select any Conatainer Block, you can add a Shape to it via the Shapes settings panel in GB Pro :
https://docs.generateblocks.com/article/shapes-options-overview/
Just Add Shape
Select a Shape
And set its Position, size and colors.NOTE you can add multiple shapes to one container.
- You must be logged in to reply to this topic.