• Resolved jfambrini

    (@jfambrini)


    If you scroll down you will see the columnar layout. What size images should I have so all three images are lined up. Right now they are all un-aligned.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter jfambrini

    (@jfambrini)

    Also is there an option whereby I can round the corners of the pictures.

    hannah

    (@hannahritner)

    Hey,
    I would recommend using images around 1600x1600px. But that varies depending on where you are displaying them.
    You can use this css to round your image corners:

    .wp-block-kadence-column .wp-block-image img {
        border-radius: 10px;
    }

    Hope that helps!

    Hannah

    Thread Starter jfambrini

    (@jfambrini)

    @hannahritner thanks for the quick response. Will be hard to find images that size but will see what comes close. Also thanks for the css will implement it.

    Thread Starter jfambrini

    (@jfambrini)

    @hannahritner it works. I installed 800×800 and that worked perfectly. Rounded corners are also working. Is there a way to rotate some blocks?

    Hey,
    Another option is to use the Info Box block, that would allow you to change the border radius within the block settings.

    Not sure what you mean by “Is there a way to rotate some blocks?” can you clarify?

    Ben

    Thread Starter jfambrini

    (@jfambrini)

    @britner thanks for getting back to me. Good to know that there is an option with Info Box. By the way is there a sample site like Ultimate Addons created with Astra Sites. For a novice like me it was very helpful to learn how to implement their addons. Would love to see some implementation like this or if that is not possible then youtube videos by experienced designers who show how to implement it.

    With regards to rotated blocks I mean where for instance I can put a “For Sale” rotated block on top of an existing block. By the way love Kadence blocks.

    hannah

    (@hannahritner)

    We have documentation for kadence blocks here: https://www.kadenceblocks.com/docs/
    And here is an introductory video: https://www.youtube.com/watch?v=pSrCYcOeuMc
    Hopefully more videos to come!

    As of now, there isn’t a function for adding rotated blocks on top of existing blocks.

    Hannah

    We are creating some demo sites to import for our themes, You can also use the prebuilt library in the row/layout block to add pre-built content to your site.

    Ben

    Thread Starter jfambrini

    (@jfambrini)

    @britner that is great. Also more youtube videos will be appreciated. I’m discovering that your software is worth its weight in gold and am just scratching its surface. Was initially only using Prebuilt library but am now discovering the joy of designing from scratch with row layout. Am wondering if it possible to create a border within a box as used in philabundance.org/about/. Would also love to have circles on top of the blocks as in the top blocks on the same page. There is also another effect of a block at bottom of an image on their main page that is very striking. I’m sure you are hamstrung with Gutenberg’s limitation as it is a new software. Your divider feature for top and bottom is amazing too. Keep up the great work. Thanks again!!

    Hey,
    So columns have a border option. If you placed a new single column “row/layout” inside a column, then in that inner inner column set a border you could create a similar look.

    Our Pro Blocks also has a “image overlay” block which allows for adding a inner border like that, see here: https://themes.kadencethemes.com/ascend-premium-10/image-overlay-block/

    In terms of offsetting blocks you can also do some of this inside the column controls by adding negative margins.

    Side Dividers are a cool idea, I’ve been considering ways to add ??

    Ben

    Thread Starter jfambrini

    (@jfambrini)

    @britner cool! Thanks for the ideas. Love your team’s responsiveness. More power to you. Keep up the great work!!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Make pictures same size in columnal layout’ is closed to new replies.