Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How Do I Add Borders To Images?

  • antonio.tourino

    Hello, I’m making a container which I want to have images that link out to other articles on my website, how do I add borders to each image within the container, and how do I move them so they’re not touching the border?

    Here’s an image of what it currently looks like


  • Hi there,

    can I see that page on your website ? then I can advise on what changes to make.

  • antonio.tourino

    here’s the page:

  • Ok,
    I would do this:

    1. add a Container Block
    1.1 set its Layout > Display to Flex, and Flex Wrap to Wrap.

    2. inside the Container add another Container Block.
    2.1 set is Sizing > Width to 25%
    2.2 set its Border to 1px and the colour you require.

    3. inside that Container add a GB Image Block
    3.1 set its Width to 100% this will fill the container it sets inside of.

    At this point the block list view will look like:

    Container Block #1
    ---- Container Block #2
    ---- ---- Image Block 

    4. Select Container Block #2 and Duplicate it 3 times.
    5. Update the images.

    That will give you the basic layout you require.

  • antonio.tourino

    Amazing thanks so much

  • You’re welcome

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.