Ccreating boxed post/page area?

  • Resolved sugaboss

    (@sugaboss)


    10 years, 6 months ago

    Hi all

    I’d like my blog to have a narrower body than the width of the screen. Johnny Tuch has helped me with the following solution:

    .tc-header{
    max-width: 1170px;
    margin: 0 auto;
    }

    footer#footer {
    max-width: 1170px;
    margin: 0 auto;
    }

    However, I just realised that the area under the slider is not boxed. Therefore I cannot have a different colour for the general website background and the page/post area background. Any Idea How to achieve that?

Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter sugaboss

    (@sugaboss)

    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.

    Site link?

    Thread Starter sugaboss

    (@sugaboss)

    Thanks for the quick response

    https://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 ?

    Thread Starter sugaboss

    (@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

    Thread Starter sugaboss

    (@sugaboss)

    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:
    https://www.themesandco.com/customizr/css-glossary-for-the-customizr-wordpress-theme/

    Thread Starter sugaboss

    (@sugaboss)

    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.

    Thread Starter sugaboss

    (@sugaboss)

    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 -> https://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

    Thread Starter sugaboss

    (@sugaboss)

    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;

    Thread Starter sugaboss

    (@sugaboss)

    Thanks A lot GBU ??

    You are no bother friend, we are here to help you! and feel free to ask as many questions as you need. God bless ??

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Ccreating boxed post/page area?’ is closed to new replies.