Bromley Theme Customization

• 

  tiffbrooks · Member · Dec 27, 2013 at 12:20 am

  • Copy link
  • Add topic to favorites

  Hello,
  I would like to know if it is possible to center the menu, then move it down below my header image.

  I would also like to decrease the spacing between my widgets

  Thanks!

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

• 

  justpi · Member · Dec 27, 2013 at 12:48 am

  • Copy link

  To decrease the widget spacing, add this and decrease the value:

  .widget {
  margin-bottom: 30px;
  }

  To center the menu, add this:

  .masthead .menu {
  width: 100%;
  }
  .masthead .menu ul {
  text-align: center;
  }

  Moving the menu below the header image is complicated, because the theme is responsive (it shrinks to adapt to mobile devices, and the header elements change size and shape in the process).

• 

  tiffbrooks · Member · Dec 27, 2013 at 2:17 am

  • Copy link

  thanks! This helps a bunch.

  One more question.
  Is there a way to increase the footer widget sizes?
  I love the look of the bottom of this blog :http://www.domainehome.com

• 

  thesacredpath · Member · Dec 28, 2013 at 7:00 am

  • Copy link

  Hi there, the three widget areas in the footer of your site can be widened a little bit, but to widen them substantially would require widening of the theme itself. Give the following a try. The original left and right padding for the widgets was 20px.

  #footer-widgets .widgets .widget {
      padding-left: 5px;
      padding-right: 5px;
  }

  Also you can add the following to make all three widget title areas the same height.

  .widget h3.widgettitle {
      height: 18px;
  }