Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 23, 2020 at 1:34 am #1240018
    smarta-brett

    I am trying to center some items within columns
    in this image
    https://diamondbeachcabarita.com.au/wp/wp-content/uploads/2020/08/Screen-Shot-2020-08-23-at-9.27.44-am.png
    1. I want the heading and text at top left to move down to be vertically centered in the column next to the image
    both text block and image are sitting in 1/2 column

    2.
    I want images in the 4 pic gallery to be centered horizontally – I can center the text but cannot find a way to center the gallery within the full width column that contains it

    css that would apply to individual columns would be ideal however in this instance a global css would fix the problem as I don’t mind all columns being centered

    August 24, 2020 at 12:50 pm #1240346
    Rikard

    Hey smarta-brett,

    Thanks for the screenshot. I’m not sure if that would be possible, but send us a link to the actual page so that we can have a closer look at it.

    Best regards,
    Rikard

    August 24, 2020 at 1:10 pm #1240351
    smarta-brett

    Our Rooms

    I thought I could use blank white space but that could make it look weird on some screen & mobile

    its really just vertical centering that I need

    August 24, 2020 at 1:11 pm #1240352
    smarta-brett

    when I added the url above it does not seem to load the correct page – it is the Our Rooms page

    August 24, 2020 at 3:48 pm #1240385
    Guenni007

    1) if you have them in 1/2 column : set them to equal height then there will be a “Vertical Alignment” Option – set it to middle

    2) best would be to have a custom-class on those galleries you like to influence in that way.

    but to see how it looks like – put this to your quick css:

    .avia-gallery .avia-gallery-thumb {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
}

    play with the justify-content value : center, space-around, space-evenly
    to see the difference

    August 24, 2020 at 11:20 pm #1240548
    smarta-brett

    1. wow – so easy – thank you !

    2. that worked too – thanks so much !

    August 25, 2020 at 7:28 am #1240591
    Guenni007

    i am always grateful for a link to work on concretely.

    August 25, 2020 at 5:49 pm #1240723
    Victoria

    Hi smarta-brett,

    Glad you got it working for you with Guenni007’s help! :)


    @Guenni007     thanks for your great contribution as always!

    If you need further assistance please let us know.

    Best regards,
    Victoria

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