Oulipo – changing site header/logo

• 

  designsimply · Member · May 2, 2013 at 4:31 pm

  • Copy link

  4. I would also like to remove the dotted line on the post title links (h2).

  To remove the bottom border from all h2 heading links, add this to your Appearance → Themes → Customize → CSS panel:

  h2 {
  	border-bottom: none;
  }

• 

  designsimply · Member · May 2, 2013 at 4:33 pm

  • Copy link

  I can’t seem to change the styling of the post title links at all, including the font. I would like them to be simple, change color on hover, no underline.

  Try something like this:

  h2 a:hover {
  	color: #ed6f6f;
  	border-bottom: none;
  }

• 

  designsimply · Member · May 2, 2013 at 4:44 pm

  • Copy link

  5. I would also like to change the link style, color, and font in left column. I have had trouble getting into that left column at all – is it java?

  Nope.

  I would like to change the font, size, and remove the shaded links when hovering. Again, I would like the link style to be simple. Any ideas on how I can get into that left column?

  This is because of Custom Fonts again. :)

  Try this as a starting point:

  #main-nav ul li:hover {
  	background: inherit;
  	border-color: inherit;
  }
  
  #main-nav ul li:hover a {
  	border: none;
  	color: #e24239;
  }

• 

  designsimply · Member · May 2, 2013 at 4:45 pm

  • Copy link

  6. I have been trying (aimlessly) to remove the symbol between “date” and add a comment”.

  .date .sep {
  	display: none;
  }

• 

  designsimply · Member · May 2, 2013 at 4:48 pm

  • Copy link

  7. As well, I have been trying to remove << around “read more”, and change text format. I thought it seemed to be “p.morleink”, but it hasn’t worked. This is what I have and everything appears to be default still

  p.more-link {
  	font-family: Garamond, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: normal;
  	color: #423d42;
  }

  Try “a.more-link” instead of “p.more-link” and add “!important” for the font-related bits:

  a.more-link {
  	font-family: Garamond, Helvetica, sans-serif !important;
  	font-size: 12px !important;
  	font-weight: normal !important;
  	color: #423d42;
  }

  Note that using “!important” isn’t always a good idea—it’s only a good idea to use it when there is not another alternative. In special cases like this one where you need to override the Custom Fonts settings, I think it’s okay but I wouldn’t use it on a ton of other things.

• 

  designsimply · Member · May 2, 2013 at 5:05 pm

  • Copy link

  8. have been trying to change the ‘date’ and ‘add a comment’ size, font, and color. I have been using p.date and span.commentcount. Only the ‘add a comment’ has changed successfully, although the link color is still incorrect. This is what I have

  p.date {
  	font-family: Garamond, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: normal;
  	color: #423d42;
  }
  
  span.commentcount {
  	font-family: Garamond, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: normal;
  	color: #423d42;
  }

  The p.date block needs “!important” tags to cover the font properties:

  p.date,
  span.commentcount {
  	font-family: Garamond, Helvetica, sans-serif !important;
  	font-size: 12px !important;
  	color: #423d42;
  }

  And “font-weight” isn’t needed because those things are already font-weight:normal by default.

  Did you know you can combine the two blocks like this?

  p.date,
  span.commentcount {
  	font-family: Garamond, Helvetica, sans-serif !important;
  	font-size: 12px !important;
  	color: #423d42;
  }

• 

  designsimply · Member · May 2, 2013 at 5:15 pm

  • Copy link

  9. And finally, I am again struggling with the first line of text on each post. Is first line always larger and in this default text? If not, how might I change this? (I am crossing my fingers it is changeable).

  This will reset size and styling for the first letter and first line of a post in the Oulipo theme:

  .entry > p:first-child:first-letter {
  	font-size: inherit;
  }
  .entry > p:first-child:first-line {
  	font-family: Georgia, Helvetica, sans-serif !important;
  	font-size: 12px !important;
  }

  Be careful with how many times you use “!important”. We went over a lot of things separately, and I think several of them could be combined to be more efficient. Also, if you aren’t going to use the custom font you setup on the Appearance → Custom Design → Fonts page, maybe set them back to the defaults and you won’t need the “!important” parts in the CSS.

• 

  nicolieland · Member · May 2, 2013 at 5:24 pm

  • Copy link

  SHUT THE FRONT DOOR. Oh my goodness. I cannot thank you enough. AT ALL. At all. This is perfect.

  Honestly though, thank you so much for your time. Is there any way I can send you quick online gift card or something? To thank you for this. Because actually, it really, really, really saved our blog. No joke. It helped in a beyond major way.

  Thank you again. I hope you have a lovely rest of the day (and week, and month, and year – thank you!)

• 

  designsimply · Member · May 3, 2013 at 4:45 pm

  • Copy link

  “SHUT THE FRONT DOOR” is the best reply ever. :)

  No need for a gift card, but thank you so much for the thought!