customizing CSS

• 

  southernskybooks · Member · Dec 12, 2011 at 5:21 am

  • Copy link
  • Add topic to favorites

  I am new to changing CSS and have successfully removed “posted by” headings and saved the change BUT when I make another change eg add borders to each post I lose the first change and “posted by” headings return?

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

• 

  thesacredpath · Member · Dec 12, 2011 at 5:26 am

  • Copy link

  That shouldn’t happen. What is the CSS you are using to add the border to the post?

• 

  southernskybooks · Member · Dec 12, 2011 at 5:31 am

  • Copy link

  /*border for each post */
  .post{
  border:2px solid;
  margin:0 0 40px;
  padding:15px;
  text-align:justify;
  }

  This also works fine, but I lose the previous change which was:

  /* Hide post information bar */
  .post-date, .post-info{display:none;}

  Cheers

• 

  thesacredpath · Member · Dec 12, 2011 at 5:47 am

  • Copy link

  I just added that to your custom CSS using Firebug on Firefox and it did not bring back the post metadata. I added it right after the metadata hide you did.

  .post {
  border: 2px solid;
  margin: 0 0 40px;
  padding: 15px;
  text-align: justify;
  }

  Once in a while the preview function can wonk out, so if something doesn’t show, force refresh the preview page.

• 

  southernskybooks · Member · Dec 12, 2011 at 6:08 am

  • Copy link

  Thanks for your help, but I really don’t think I’m getting it, one code still seems to be replacing the other and visa versa, I’ve forced refreshes and opened the site in other browsers with the same result.

• 

  thesacredpath · Member · Dec 12, 2011 at 6:11 am

  • Copy link

  Make sure when you add the additional code into the CSS edit window that you have a blank line in between them as follows.

  .post-date, .post-info {
  display: none;
  }
  
  .post {
  border: 2px solid;
  margin: 0 0 40px;
  padding: 15px;
  text-align: justify;
  }

  There aren’t any collisions between the selectors, so it has got to be something in the way you are pasting it in I think.

• 

  southernskybooks · Member · Dec 12, 2011 at 6:18 am

  • Copy link

  That worked, sooo doing the custom css’s in separate sessions seems to be my problem in this case? pasting all css’s I want in one hit works!

• 

  thesacredpath · Member · Dec 12, 2011 at 6:22 am

  • Copy link

  You should be able to go back in at anytime and add to what you have. Just make sure to have a blank line before you paste in the new stuff and you should be fine.

• 

  southernskybooks · Member · Dec 13, 2011 at 3:55 am

  • Copy link

  Thanks for your help, appreciated.

• 

  thesacredpath · Member · Dec 13, 2011 at 3:56 am

  • Copy link

  You are welcome.

• 

  afrodisiacc · Member · Dec 14, 2011 at 12:27 am

  • Copy link

  I’m having a hard time getting rid of the Home icon…I want to have a splash page that is a ENTER page …but without that search and Home buttons….I got rid of the search button but still cant get rid of the Home button …any help would be great …
  Thanks

• 

  thesacredpath · Member · Dec 14, 2011 at 12:34 am

  • Copy link

  This will get rid of the entire menu bar on the home page only.

  .home #access {
  display: none;
  }

• 

  afrodisiacc · Member · Dec 14, 2011 at 12:39 am

  • Copy link

  THANK YOUUUUUUUU @thesacredpath it worked perfect …you dear friend ….ROCK harder than a Hurricane

• 

  thesacredpath · Member · Dec 14, 2011 at 12:48 am

  • Copy link

  You are welcome and thanks.