Headline costumization

• 

  gullguttenmathias · Member · Jul 20, 2010 at 10:23 pm

  • Copy link
  • Add topic to favorites

  Hi. Can anyone of you help me with my headline?

  I would like to get the font in a smaller size, and also with a backgroundcolor. I’ve got the code to insert the backgroundcolor, but the background goes too low. I just want it to be the same hight as the font, and not twice as high.

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

• 

  hallluke · Member · Jul 21, 2010 at 12:31 am

  • Copy link

  Which part of your blog is the “headline”? I assume you mean the title for each post? If this is the case you need to change the padding of that element as well. Try this:

  .title {padding-bottom:0; font-size:1.8em; background-color:#ccc;}

  lh

• 

  gullguttenmathias · Member · Jul 21, 2010 at 2:18 pm

  • Copy link

  I mean the title of each blogpost. :)
  But this code doesnt change anything. :(

• 

  raincoaster · Member · Jul 21, 2010 at 2:31 pm

  • Copy link

  Do you have the paid CSS upgrade?

• 

  hallluke · Member · Jul 21, 2010 at 2:32 pm

  • Copy link

  Oops, try the code below.

  .post .title {padding-bottom:0; font-size:1.6em; background-color:#ccc;}

  lh

• 

  gullguttenmathias · Member · Jul 21, 2010 at 3:34 pm

  • Copy link

  I’m going to try this code a bit later. Now i have to run to my spinning class. But while im gone, does any of you know how i get spacing between each section in my sidebar? I have spacing between each blogpost, and between the blogposts and the sidebar, but im missing spacing betweet each widget in the sidebar. And also, the sidebar is slightly higher then the blogpost? Where in my css do i fix this? I’m a newbie, i know, but i dont learn if i dont ask. :)

  And raincoaster, yes i have purchased the ccs upgrade. :) Over a year ago. Cant get my blog to look the way i want without it. :P

• 

  hallluke · Member · Jul 21, 2010 at 3:59 pm

  • Copy link

  You need to add a lower margin to each widget. If you want the grey background colour to be visible between widgets you’ll also need to modify the background colours. The offset is caused by the border around each post. The code below should help.

  div#sidebar {background-color:#f0f0f0; padding:0;}
  div#sidebar .widget {background-color:#fff; padding:10px; margin-bottom:40px;}
  div.post {border-width:0;}

  lh

• 

  gullguttenmathias · Member · Jul 21, 2010 at 8:11 pm

  • Copy link

  Both codes working perfectly!!! :D Thank you so much hallluke!

• 

  gullguttenmathias · Member · Jul 21, 2010 at 8:49 pm

  • Copy link

  Since you are so helpful, just one last thing. I would like to take away the line that shows up in my widgets. Under each headline, there’s a line. Do you have a code for this to? :) *smiling as big as i can*

• 

  hallluke · Member · Jul 21, 2010 at 9:05 pm

  • Copy link

  Not a problem. Start using the Firefox browser with the Firebug add-on and this is really easy.

  div.widget h3 {border:none;}

  lh

• 

  gullguttenmathias · Member · Jul 21, 2010 at 9:47 pm

  • Copy link

  Yay! :D Really starting to like my blog now. :D Thanks for all the help. :D

• 

  hallluke · Member · Jul 21, 2010 at 9:58 pm

  • Copy link

  Yeah it looks great. I don’t understand Norwegian but the layout and colour scheme works well. I would suggest removing some of the padding around your main blog title picture and the navigation at the top. There is a lot of blank space and this pushes your main content quite far down the page. Just my opinion though.

  lh