Editing a couple things in Hemingway Re-written theme

• 

  spenna18 · Member · Jun 30, 2014 at 1:35 pm

  • Copy link
  • Add topic to favorites

  1) I’d like to know if there is a way to reduce/remove the spaces between each month in my list of archives. I would basically prefer not to have any lines between each month. My blog is http://www.orangemadeleines.com.

  2) I’d also like to know if there is a way to make the black rectangle in the header that shows the blog title smaller. I just think there is too much black space there. Also, does it have to be black? Can the color be changed or made more transparent?

  I do have the css upgrade in my package so I know I have to tool to edit code if that is what is required, I just obviously have no idea how to use it.
  Thanks!

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

• 

  spenna18 · Member · Jun 30, 2014 at 1:44 pm

  • Copy link

  UPDATE: I noticed part of my question #2 was already answered in a previous post so I was able to make the black rectangle more transparent..though I’d still like help in making it a bit shorter.

• 

  designsimply · Member · Jun 30, 2014 at 10:25 pm

  • Copy link

  1) I’d like to know if there is a way to reduce/remove the spaces between each month in my list of archives. I would basically prefer not to have any lines between each month. My blog is http://www.orangemadeleines.com.

  Thanks for including a link. It helps a ton!

  To reduce the spacing between links in the Archives widget on the right side of the Hemingway Rewritten theme, add this to your Appearance > Customize > CSS editor:

  .widget ul li {
      margin: 0;
      padding: 0;
  }

  What this will do is remove all of the margin and padding space from any unordered list element inside widgets.

• 

  designsimply · Member · Jun 30, 2014 at 10:29 pm

  • Copy link

  2) I’d also like to know if there is a way to make the black rectangle in the header that shows the blog title smaller.

  One thing that might work well in your case is to just hide the site description element using CSS like this:

  .site-description {
      display: none;
  }

  Also, does it have to be black? Can the color be changed or made more transparent?

  UPDATE: I noticed part of my question #2 was already answered in a previous post so I was able to make the black rectangle more transparent..though I’d still like help in making it a bit shorter.

  Thank you for the update. I noticed you used the following custom CSS to change the color and opacity of the site title background:

  div.site-branding{
      background-color: rgba(84,84,84,.5);
  }

• 

  spenna18 · Member · Jul 1, 2014 at 1:51 am

  • Copy link

  Thank you very much. Both codes worked perfectly!