how to position text blocks on cover image

  • Dear All,

    I wanted to position the “budowac mosty” block on the left side. – Fine that works.

    And I wanted to position the “register” block on the right side. That does not work.

    See screenshot: https://ibb.co/X3gy6NQ

    I used additional CSS:

    .register
{float:right;
}

    Nevertheless, it does not work.

    Screenshot of Page structure:

    https://ibb.co/Jz0V2Y7

    How can I solve this?

    thank you and BR

    Angelika

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @hellblauervogel ! Have you tried adding a columns block or a row block to arrange these items horizontally? You can add any of these inside your cover block and you should not need any custom css for this.

    Thread Starter hellblauervogel

    (@hellblauervogel)

    Dear Kavya,

    thank you for your message. I will try this and let you knowt then!

    BR Angelika

    Thread Starter hellblauervogel

    (@hellblauervogel)

    Dear Kavya,

    now I tried to insert columns. The placement on the cover should in result look as the screendesign which I did in Photoshop. Please see pic here: https://ibb.co/xqjSG9n

    The problem is, even with the columns I do not manage to put the right block more to the right side.

    I have already chosen full width. Please see screenshot here: https://ibb.co/fq7mp8q

    Did I do something wrong? What else can I do?

    I think the problem is, that the cover image only allows one spot to position the items. Not as “full size” therefore. Please see screenshot: https://ibb.co/w41GBxh

    Can I enter the pic as a background pic? Maybe that is more useful for my design?

    Looking forward to hearing from you

    BR angelika

    Kavya Gokul (a11n)

    (@properlypurple)

    Hey @hellblauervogel !

    Have you tried the row block instead of columns? It has an option to ‘change items justification’, which allows you to set it to be “Space between items”. There’s more about this in this document about the row block. I recorded a short video showing this as well:

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to position text blocks on cover image’ is closed to new replies.