Changing spacing on a Categories page

• 

  jmhanlon8 · Member · Jul 14, 2013 at 2:43 pm

  • Copy link
  • Add topic to favorites

  Hello! I’m trying to make some changes to my Podcasts page, which is a categories page. I’d like to increase the spacing between the category description (and perhaps make some changes to the font size/color of the description text) and the actual posts, and remove or narrow the .entry-details on the left (date/”leave a comment”).

  I’m just having trouble even finding the part in the css script that relates to categories pages. Can anyone point me in the right direction?

  Relatedly, I’m also having trouble changing the spacing on the home page; I’d like the entry details to be narrower but any changes I’m making to width, padding, and margin of .entry-details doesn’t do anything so I must be on the wrong track. I know that this is probably very very simple, but any help would be appreciated!

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

• 

  jmhanlon8 · Member · Jul 14, 2013 at 3:27 pm

  • Copy link

  PS: I realized that what I want to do is have the entry details show up under the entry title (on both the home page and the categories page), instead of in its own column, so the post itself can take up more width.

• 

  fabianapsimoes · Member · Jul 14, 2013 at 5:24 pm

  • Copy link

  DId you get it to work the way you wanted? Last I checked, .entry-details was hidden, and .entry-content had 100% width.

• 

  jmhanlon8 · Member · Jul 14, 2013 at 6:12 pm

  • Copy link

  Hi! I’ve been working on it since making this post, and was able to remove entry details and expand the post width. The only thing I’m still having trouble with is the spacing between the category description and the post itself under “podcasts” (which is a category page). I’m not sure what I need to change so I can have more space between the description and the posts.

  Any help with that would be amazing!

• 

  fabianapsimoes · Member · Jul 14, 2013 at 7:19 pm

  • Copy link

  I believe this might do it:

  .archive-meta {
      padding-bottom: 50px;
  }

  I used 50px here, but you can change this value to whatever works best for you. Hope this helps :)

• 

  jmhanlon8 · Member · Jul 14, 2013 at 7:29 pm

  • Copy link

  Yes, amazing! I never would have found that on my own, and now I can use that to change the category description font size, too. Thank you so much!

• 

  fabianapsimoes · Member · Jul 14, 2013 at 8:35 pm

  • Copy link

  I’m glad it works! :)

  Here goes a trick: If you can right click an element in your page and select the option “Inspect Element”, a panel with your HTML will appear, along with another panel, on the right, with the CSS rules that apply to the element. Look for “id=” or “class=” in your HTML. Once you find it, you can use the value between the double quotes to target the element with CSS. For classes, append a “.” before the class name in your CSS. For identifiers, append a “#”.