Edin Front Page Customization Help

• 

  tiffaniross · Member · Jun 25, 2015 at 12:42 pm

  • Copy link
  • Add topic to favorites

  Hello–

  This is my first time creating a wordpress and I had a few questions. I have the customize feature on my wordpress, but I’m completely new to css.

  1. Is there a way to move the menu bar up a row so that it is on the same row as my logo/header? Also, could someone help me figure out how to make the font smaller for the menu (and also how to change the boldness of it)?

  2. Is there a way to get rid of the summary/text below the three images on the front page?

  3. Is there a way to line the edge of the logo with the edge of the featured image? I don’t like how the logo starts about 1/4 into the featured image

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

• 

  thesacredpath · Member · Jun 25, 2015 at 7:28 pm

  • Copy link

  Hi there,

  1. Is there a way to move the menu bar up a row so that it is on the same row as my logo/header? Also, could someone help me figure out how to make the font smaller for the menu (and also how to change the boldness of it)?

  The menu is not in the same div as the title and logo, so we would have to use position: absolute to move it, and when we do that, it loses its spacial relationship to the other elements and will not flow and adjust for different screen/window widths, so moving it would be problematic.

  The following will set the menu font back to normal from bold and you can adjust the font size as desired.

  .navigation-classic .primary-navigation .menu-primary > ul > li > a {
      font-size: 1.125em;
      font-weight: normal;
  }

  2. Is there a way to get rid of the summary/text below the three images on the front page?

  To hide the summary on the featured pages, add the following CSS.

  .featured-page .entry-summary {
      display: none;
  }

  3. Is there a way to line the edge of the logo with the edge of the featured image? I don’t like how the logo starts about 1/4 into the featured image

  Give the following a try which lines up the logo and menu with the featured image for “About” and also tightens up the spacing between the menu and title/logo, which might help with what you were wanting in #1 above. See what you think.

  .site-branding {
      margin-left: 20px;
  }
  .site-logo-link {
      margin-bottom: 0;
  }

• 

  tiffaniross · Member · Jul 1, 2015 at 2:45 pm

  • Copy link

  Thank you! I will try those out on my page.

• 

  thesacredpath · Member · Jul 1, 2015 at 7:38 pm

  • Copy link

  You are welcome.