Background color

• 

  tounet · Member · Sep 27, 2011 at 12:19 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I use the theme Nishita with only one column. My adress blog is antoinebouvier.wordpress.com if you want to have a look (sorry this is in french!)

  What I want to do is to have a white background behind my column and between articles, and to keep the black background on both right and left side. Currently the black background appears between the top header and the first article, and also between every articles.

  It would give a better readalility to my articles to have only white color behind the column.

  I purchased the CSS upgrade and I tried to find what I could modify in the original CSS, without any results (I’m a beginner in CSS).
  So could you help me to resolve my problem?

  Thanks in advance

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

• 

  timethief · Member · Sep 27, 2011 at 7:58 pm

  • Copy link

  Hello there,
  I’ll flag this thread for you so it gets moved to the CSS Forum where you can get some help with this.

• 

  thesacredpath · Member · Sep 27, 2011 at 8:15 pm

  • Copy link

  The following will do it for you.

  .container {
  background-color: #FFFFFF;
  }

• 

  tounet · Member · Sep 28, 2011 at 7:46 am

  • Copy link

  Thanks a lot this is working perfectly!

  I get another problem : I changed the CSS to get a bigger font size for the navigation bar (Bio,Vudéos, Galerie…) : I moved it from 11px to 15px. I also changed posts heading font (ex : “Somi Sing”) in the CSS fonts page : I choose “Bree” font.

  This is the code I entered for the navigation bar :

  #nav,div.menu ul {
  font-size:15px;
  }

  The problem is that I can’t have both changes at the same time. Either I get the proper 15px font size of the navigation bar but not the correct “Bree” font for posts headings, or I get the correct font for posts headings and not the 15px size for the navigation bar.

  Why??

  Thanks

• 

  thesacredpath · Member · Sep 28, 2011 at 7:56 am

  • Copy link

  You are welcome.

  When you use the typekit fonts, it will specify a size when it adds the stuff to the CSS, and that will override the existing font size in the CSS, and anything you put into the CSS, but you can force it by using the “!important” attribute as shown below.

  #nav, div.menu ul {
  font-size: 15px !important;
  }

• 

  tounet · Member · Sep 28, 2011 at 9:19 am

  • Copy link

  super! thanks again

• 

  thesacredpath · Member · Sep 28, 2011 at 5:13 pm

  • Copy link

  You are welcome.