Rishoban Posted July 28, 2010 Posted July 28, 2010 Hello, I was trying to change the background color of my site, but, when I edited the CSS, the color of module became transparent it showed the background color too, so I edited the suffix.css file and managed to make modules back to white, but still there are some transparent blanks, how do I make it white and I want only the background color to be changed, not the other elements. Is it possible?
lightinthedark Posted July 28, 2010 Posted July 28, 2010 I expect you'll need to either find some common trait (eg that they're all of class "module" or some such) and specify a css rule that targets that class, or find all the ids that are used and treat them individually. I'd say the first approach is better if you can find some unifying feature. Firebug in firefox will help you enormously as you can click elements on the page to see their attributes and which styles are applied to them and even try out adding rules etc. Without seeing the actual page it's hard to be more specific. 1
Hightower Posted July 28, 2010 Posted July 28, 2010 Putting the modules back to how they were is something you will have to do on your own - should always have a backup/copy before making any changes. As for changing the background colour, it seems to me (from attached screenshot) that your background is from an image - so quite simply change the image that makes up the background. 1
Rishoban Posted July 28, 2010 Author Posted July 28, 2010 I expect you'll need to either find some common trait (eg that they're all of class "module" or some such) and specify a css rule that targets that class, or find all the ids that are used and treat them individually. I'd say the first approach is better if you can find some unifying feature. Firebug in firefox will help you enormously as you can click elements on the page to see their attributes and which styles are applied to them and even try out adding rules etc. Without seeing the actual page it's hard to be more specific. Thanks for the reply, you can view the site here Welcome to the Frontpage It will be great help if you could guide me. Thanks
Rishoban Posted July 28, 2010 Author Posted July 28, 2010 Putting the modules back to how they were is something you will have to do on your own - should always have a backup/copy before making any changes. As for changing the background colour, it seems to me (from attached screenshot) that your background is from an image - so quite simply change the image that makes up the background. Thanks for the reply, the problem I am having is that the if I add any color or any image to the background, it also shown behind the articles and modules, I was able to fix the articles and modules by editing suffix.css file, but still there are some places where the background color is seen in between the modules. I want to the page be full white including center articles and left/right modules and only the background to be in another color I prefer.
Rishoban Posted July 28, 2010 Author Posted July 28, 2010 OK! I did it! Thanks to lightinthedark Firebug extension really helped me to find the element! Thanks a lot friends!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now