To make it more specific, i want a boxed post/page/featured page area because want to apply different colour for the background and the narrower body area.
Thanks for the quick response
http://bookstart.or.id/wp/
The link is timing out (I’m in UK)
I’d suggest you take time out to read this Snippet. It will give you the chance to use Firebug and self-diagnose.
i’ll make it simple of what you intend to do :
Dave, he wants to make each of three featured page in boxes. So he can apply different background color of each.
right, @sugaboss ?
What do you mean with timing out (I am in UK too). The server of my blog is in Indonesia but I have no any problem access it from here.
About the firebug … i’ll give it a try
I tried firebug but i think that i am not techy enough to use it and get inspired by it.
I’ve been waiting for someone to response, in the meanwhile i explore the forum but stil found nothing. Please somebody help me.
Do you mean the container of the featured pages? It’s boxed, its class is “container” which is 1170px so ..
Anyway, this could be useful:
http://www.themesandco.com/customizr/css-glossary-for-the-customizr-wordpress-theme/
Yes container for the featured pages and other pages too. The objective is to have a different colour of the container with the background.
I asked this because … whenever I change the background colour .. the featured pages or any other pages/post is also changed.
Hi all and especially d4z_c0nf … i saw the link you gave and try the
selector on post/page … it seem that the selector for boxed page would be the .post.sticky but i am not sure how to use it.
Can you help
sugaboxx, when you set the background to the body this is inherited by its children if they don’t specify their own background, and this is not only for the background property, it’s how css work -> http://www.themesandco.com/customizr/guide-css-html-customizr-wordpress-theme/#inheritance
Said that you have to find elements in the page you want to apply a different background.. and the fastest way is using:
a) with google-chrome: mouse right click -> inspect element
b) witch firefox: firebug, already suggested
Really sorry to bother you again
Using inspect element in chrome … I found the element that I want to change its color is
In the front page
<div class=”container marketing”>
Or
<div class=”container” role=”main”>
I tried my best as far as i understood CSS
.container {
color: orange;
}
but nothing happens … please help I am really noob in here
Hello, one thing is, you are changing the background color the wrong way
css background color is: background-color:orange; not color:orange;
You are no bother friend, we are here to help you! and feel free to ask as many questions as you need. God bless 🙂
