Decreasing white space in Truly Minimal

• 

  andspeakingofmoney · Member · Feb 13, 2014 at 2:40 pm

  • Copy link
  • Add topic to favorites

  I would like help adjusting the CSS of Truly Minimal to do the following:
  1. insert small red heart where asterisk is in sub-header.
  2. reduce space between subtitle (Take it easy…) and navigation (Home..) by half
  3. reduce space between Home and dotted line by half

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

• 

  thesacredpath · Member · Feb 13, 2014 at 11:11 pm

  • Copy link

  Hi there, I’m not seeing any submenus on your site, so this was worked out off of the Truly Minimal demo site.

  1. A heart can be added instead of the double angle symbol with the following, which uses the genericon icon font. You can change the font color as desired.

  .navigation-main li a:not(:only-child):after {
      color: #FF0000;
      content: "/f461";
      font-family: genericons;
  }

  2. Reduce space between description and navigation. (1.5em is the default value)

  .site-description {
  margin-bottom: 1.5em;
  }

  3. Reduce space between navigation and dotted line below. (1.5em is the default value)

  .site-header {
  padding-bottom: 1.5em;
  }