Change background modularity lite

• 

  photos4u2c · Member · Apr 8, 2011 at 5:45 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am new to CSS and trying a pretty basic mod of Modularity Lite. I have my blog looking how I want it except for the black background. I want to remove the black edges and background image. My theme would be perfect if it had a white background from one side to the other. How do I get rid of the black edges? Thanks.

  Dave

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

• 

  thesacredpath · Member · Apr 8, 2011 at 6:47 pm

  • Copy link

  Looks like you got rid of the background and image.

• 

  photos4u2c · Member · Apr 9, 2011 at 6:56 pm

  • Copy link

  Thanks for checking… I found the fix and forgot to delete this. Now I am having a hard time changing the font color for the titles of my posts. On the front page the titles are black, which is how I want them, when I click on a post the titles turn light gray and are almost invisible.

• 

  thesacredpath · Member · Apr 9, 2011 at 7:40 pm

  • Copy link

  This will change the hover color on post titles. I’ve just used the white hex color code, which of course you can edit.

  h2 a:hover {
  color: #FFFFFF;
  }

• 

  photos4u2c · Member · Apr 10, 2011 at 10:47 pm

  • Copy link

  Thanks. I tried it and it didn’t work. My post titles are still a lite gray. They look fine on the front page (black), but on all other pages they’re gray.

• 

  thesacredpath · Member · Apr 11, 2011 at 12:23 am

  • Copy link

  Sorry, I didn’t look at the single post page and I should have.

  .content h2, h2 a:hover {
  color: #FFFFFF;
  }

• 

  photos4u2c · Member · Apr 11, 2011 at 7:29 pm

  • Copy link

  Awesome! It worked. My blog finally looks the way I want it to. Thanks!!

• 

  thesacredpath · Member · Apr 11, 2011 at 8:00 pm

  • Copy link

  You are welcome.

• 

  honeybunch55 · Member · Apr 11, 2011 at 8:00 pm

  • Copy link

  Thanks for posting about this, Dave! I am also using Modularity Lite “for the benefit of the world”–teehee–and although I am currently OK with the dark photo background, I might sometime want to switch it out for a light version, which is what I was always used to (very light or white). At the moment I use a handmade stony textured seamless tiling for the site BG, which might be compromised if I altered the dark photo edging…

  I never knew that we could tinker with CSS in here as TSP is showing how to do…but, as I’ve said before, I’m still learning…

• 

  photos4u2c · Member · Apr 26, 2011 at 7:25 pm

  • Copy link

  If you want your blog to look like mine you first have to pay wordpress for the option to edit CSS. Then activate the modularity light theme. Go to the edit CSS interface and paste this bit of code into the box.

  .container {
  background:#fff;
  }

  body,p,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  color:#000;
  }

  a:hover,a:focus {
  color:#fff;
  }

  #masthead h4 a {
  color:#FF0000;
  text-decoration:none;
  }

  .lteIE6 .container {
  background:#fff;
  }

  body {
  color:#fff;
  background:#fff;
  }

  #top div.main-nav a {
  border-right:1px dotted #FF0000;
  color:#eee;
  display:block;
  line-height:15px;
  text-decoration:none;
  padding:0 1em;
  }

  #masthead span.description {
  color:#606060;
  text-transform:none;
  font-size:.7em;
  padding:.35em 3em;
  }

  .content h2,h2 a:hover {
  color:#000;
  }

  #footer-wrap {
  background:#fff;
  }

  #commentform {
  border-top:10px solid #000;
  background:#fff;
  margin:0 0 7px;
  padding:30px 150px 6px;
  }

  Preview the results and if you like it hit the save button.

• 

  1219level · Member · May 29, 2011 at 3:49 am

  • Copy link

  how do i get to the actual edit page???? im totally lost

• 

  photos4u2c · Member · Jun 11, 2011 at 10:33 pm

  • Copy link

  One more question… How do I change the link color? When I hover over a link the text disappears. i imagine the hover color is set to white and I just can’t see the text on the white background.

  Thanks again for all the help.

  Dave

• 

  timethief · Member · Jun 11, 2011 at 10:42 pm

  • Copy link

  @1219level
  In the future please click this link https://en.forums.wordpress.com/?new=1 on the front page of the forum and start threads of your own rather than posting off-topic comments into existing threads.

  In order to CSS edit your blog you require CSS editing skills, and a paid annually renewable CSS editing upgrade. Then you can go here > Appearance > Edit CSS and commence your work. http://en.support.wordpress.com/custom-css/
  http://en.support.wordpress.com/editing-css/

  If you do purchase the upgrade be sure to read this article before starting your editing > http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  alanhippo · Member · Jun 13, 2011 at 11:25 pm

  • Copy link

  I have faced a problem with the Modularity Lite which still cannot find the solutions. For the main index page and other pages in the website, the background is semi transparent which I look so much. Yet when I use full-width page, the background colour of the container with text with become solid black. Is there any method to make it like normal pages of semi-transparent?

  Thanks.

  AJ

• 

  designsimply · Member · Jun 15, 2011 at 10:52 pm

  • Copy link

  I tested a Modularity Lite page with the Template set to “Full-width, no sidebar” and the transparency worked in my test. If you’re still having trouble, please post a link to a page where you can see the problem happening.

  Side note: It’s better to start a new thread if you have a question that is different from the first question posted: https://en.forums.wordpress.com/forum/css-customization