Having trouble with my landing page with the Dalston theme

• 

  koredethedesigner · Member · Jul 18, 2020 at 2:42 am

  • Copy link
  • Add topic to favorites

  My site is koredethedesigner.uk

  Basically, Im trying to make something similar to the sample front page of the Dalston theme.

  This front page consists of cover blocks, some grouped and some in columns, left with no gaps in between.

  Meanwhile I am having trouble fitting the ‘cover’ blocks into the ‘columns’ blocks without there being any gaps as it messes up the design.

  And I have already tried making a separate css classes and adding html of “padding: 0px;” but unfortunately it makes no difference.

  I managed to do complete the singular columns as you can see. Its just the columns Im having trouble with.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-mckluskey · Staff · Jul 18, 2020 at 12:00 pm

  • Copy link

  Hi there!

  I’m not sure I understood what you meant but, try this piece of code:

  .wp-block-columns.alignfull:not(:first-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

• 

  koredethedesigner · Member · Jul 19, 2020 at 5:15 pm

  • Copy link

  thank you very much mate, worked perfectly.

  added a few things incase anybody may need it:

  `.wp-block-columns.alignfull:not(:first-child) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: -31.5px;
  padding-left: 0px;
  padding-right: 0px;
  }

  .wp-block-column:not(:first-child) {
  margin-left: 0px;
  }

  .wp-block-columns .wp-block-column:not(:last-child) {
  margin-bottom: 0px;
  }