Element

Why does stuff go outside my container? https://imgur.com/rUKP9yv
I added a user for you

Hi there

can you share a link to that page ?

Shared it, it's called casino holder. I want the image to be centred in its column. I am trying to make a copy of the link i attached.

I'm not seeing the image outside the container issue:
https://www.screencast.com/t/VcHgL3HeJ

Do you have GB Pro installed? If so, you can add the section as a local pattern, then you can insert it to the same page multiple times.

If you don't have GB pro, then you can save it as a re-usable block, once it's inserted to a page, convert it to a regular block, then select the very outside container, and duplicate it, this process will generate new IDs for the GB blocks, so their style won't be overriding each other.

Hey that screenshot is of a plugin. As I mentioned I have done my own design in elements.

Hey that screenshot is of a plugin

If the issue is caused by a plugin, have you reached out to the plugin support?

As I mentioned I have done my own design in elements.

GP doesn't have hooks inside the content area, so the element won't work in your case.

Please try the methods I provided in my previous topic and let me know if it doesn't work.

Hey, the element casino holder. How do I display it on my homepage, make the image aligned in the middle, move in the right button a bit and add an accordion? It has nothing to do with a plugin I have made this element myself.

How do I display it on my homepage

Is this element going to appear multiple times on your homepage?

If so, copy the block, go to your homepage, paste it at where you want it appear, then duplicate the block so you can modify the images/text, repeat the duplicate process to add more of the same element.

make the image aligned in the middle, move in the right button a bit and add an accordion?

Are you referring to the casino holder element?

You can select the column that holds the image, click the move right arrow on the floating tool bar to move it to the middle.

As for the accordion, not sure where you want it to show. I don't see enough space for an accordion based on your current layout.

Hey what I meant by move the image to the middle was in the middle of the column. Same goes for the button and the 3 lines move those to the middle of the column and the button into the container so it dosen't touch the side.

Accordion open when you press a button right? Can't open it below that holder underneath the blue bar with text.

Hey what I meant by move the image to the middle was in the middle of the column

You are using the column block which is a WP core block, it's not a GP product.
For more info about column blocks: https://wordpress.com/support/wordpress-editor/blocks/columns-block/

I see that you've set the content inside the column to be vertically aligned center, and it seems all the content are also horizontally aligned center. But WP column doesn't have spacing options to add paddings around it, so it's inevitable that the buttons touches the side.

I would recommend using Grid block of GenerateBlocks plugin instead, as you are already using the plugin.

Hey,

I have done that now could you please help me make it look more like link in the private

Can you be more specific? Which part are you referring to?

Hey,

My elements design that I have made called casino holder I want that one to look more like the once that I have linked in the private part.

Hi Karol,

Let's start with the image first. Your reference site has a defined 200px x 200px dimension for the image.

You can set it to that or base it on the max-height of your parent Container by setting it to 258 x 258px.

Can you also set a display rule location for this so we can see what it looks like on the front end.