How do I remove excess margins

• 

  osloglobalchoir2 · Member · May 7, 2019 at 10:50 am

  • Copy link
  • Add topic to favorites

  Hi,
  I’d be grateful for anyone who can help me with this site:
  osloglobalchoir.com

  I would like to have zero gap between the header (menu) and the content of each page. I’m using bevro theme.
  I’m not sure what the theme has as a default setting but I found out how to add additional CSS – I pasted this in:

  ‘ .site-header {
  padding-bottom: 0;
  }
  
  @media screen and (min-width: 48em) {
  .site-content {
  padding: 0em 0 0;
  }
  }
  .site-content {
  padding: 0em 0 0;
  }’

  but that hasn’t changed the gap between the header and content pages.

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

• 

  staff-zinnia · Staff · May 7, 2019 at 5:05 pm

  • Copy link

  Howdy –

  This will reduce that space at the top of your pages.

  .site-content #primary {
      /* margin: 0 0; */

  The change should be visible across all pages. Write back if you need any other help.

• 

  osloglobalchoir2 · Member · May 8, 2019 at 6:50 am

  • Copy link

  Hi,

  Thanks for your response. I have pasted in that code into ‘Customize’ -> Additional CSS

  However, this made no visible changes. I can send a screenshot, if necessary.

  I don’t know if it is necessary to view the source code and see if there is some default parameters that need overriding?

• 

  osloglobalchoir2 · Member · May 8, 2019 at 7:12 am

  • Copy link

  This has reduced the space…

  /* Remove the top margin of the content | RG-12638589-hc */ .site-content #primary { margin-top: 0; }