Support » Plugin: Ultimate Blocks - Gutenberg Blocks Plugin » Shadow around grid blocks

  • Resolved bloggingbeats

    (@amitgargjind)


    Hi Team

    I have added a Grid block on my blog homepage. The thing it lacks a border or shadow around individual post blocks.

    Any help will be very appreciated.

    Thanks

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

Viewing 1 replies (of 1 total)
  • Plugin Contributor Alexis Pandaan

    (@alexius08)

    Hi @amitgargjind! We won’t be adding shadows and borders for the post grid as plugin features for now. However, here’s some very basic custom CSS code for adding a 1-pixel black border to the post blocks, which has also been given a radius to match the rounding in the corners of the post grid images that you have:

    .ub-block-post-grid .ub-post-grid-items > article {
    	border: 1px solid black;
    	border-radius: 5px;
    }

    And here’s some code for adding a soft shadow behind the post blocks.

    .ub-block-post-grid .is-grid article {
    	box-shadow: 10px 10px 10px;
    }

    You can combine them into a single ruleset if you decide to use them both, just like this:

    .ub-block-post-grid .is-grid article {
    	border: 1px solid black;
    	border-radius: 5px;
    	box-shadow: 10px 10px 10px;
    }

    Please let us know how it goes.

Viewing 1 replies (of 1 total)
  • The topic ‘Shadow around grid blocks’ is closed to new replies.