change background color of content area

  • Author
    Posts
  • #15579
    joe

    how can I change the background color from white for the content and sidebar area? Pages and posts.

    #15641
    Detlef

    The background color for the content can be changed under
    Color Settings/Content/Content Background

    The widget background color can be set under
    Color Settings/Sidebar Widgets/Sidebar Background

    #15642
    Phil

    First let me say that Tempera is an excellent template and the way you can dress it up in different colors are both easy and powerful. My question takes this a little further: how is it possible to add a background image to the content area (not the background background)?
    I can’t seem to find the custom changes in the main css-file so I guess it is kept in another custom css?
    Phil @ http://promemoria-music.se/

    #15703
    Zed
    Cryout Creations mastermind

    You need custom CSS for that:
    #main { background-image: url(...); }


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #15889
    joe

    Fantastic. Looked right over that setting. So one more, How do I add italics to the site title text? Love the theme!

    #24132
    Phil

    Where do I put the custom CSS?

    #24396
    George

    How can I add a single large watermark logo background image, centered to the content area? I used the Custom CSS code suggested in this thread (#main { background-image: url(…); }) but it tiled the image

    #24399
    Kay
    Cryout Creations mastermind

    Hi guys!

    @joe To add italics to the Site Title add this to the Custom CSS area:

    #site-title span a {font-style:italic;}

    @Phil You can add CSS code by going to the Tempera Settings page >> Miscellaneous Settings >> Custom CSS area and pasting your custom CSS there.


    @George
    If you don’t want you background image tiled, change that code to this:

    #main { background-image: url(...) no-repeat center center; }

    Good luck guys!

    • This reply was modified 10 years ago by Kay.

    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #24404
    George

    Thank you for response Kay. I tried the code you suggested and the image is not visible. I inserted the the code for the tiled background image and that works fine. Any other suggestions?

    #24739
    Phil

    Thanks!

    And thanks for a great theme!

    #25973
    Phil

    Just wanted to share what the semi-transparent background look like ==> #main { background-image: url(…); }
    http://promemoria-music.se/

    #26015
    Superspunk

    Hi Phil…nice website!
    I.m trying to make the content background semi-transparent, like yours.
    Can you explain me how have you done it?
    Sorry for my english and thanks for the theme

    #26383
    Zil4rt

    Hey,

    thanks for the theme, great work. But i want to change the background to transparent. I tried a lot but nothing worked. All the background sites in white is bad. So i want a transparent on it. Maybe you can help me out.

    Thanks again

    and sry for my english ^^

    #26385
    Kay
    Cryout Creations mastermind

    @Zil4rt Add this to the Custom CSS area in your Theme settings page:

    #main {background-color: rgba(255, 255, 255, 0.7);}

    That 0.7 value is the opacity value. Play with it to get your desired results.


    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #26433
    Zil4rt

    Thanks a lot !!! thats it 🙂

    #28038
    Ilna

    Hello,
    Tempera is a great theme. I want to have a photo as background only on the presentation page. This was working but on the other pages I need a white content area. I’m a wordpress beginner. Can someone explain me step-by-step how I can fix this. Thanks in advance, Ilna.

    #28072
    Eloke

    If you need to have semi-transparent background use RGBA colors in CSS: CSS3: semi-transparent background color using RGBA. If you need to have cross-browser support, use PIE for IE.

    #28951
    Jane

    Hi,

    Is there any way to change the background colour for only a particular section of the front page? For example: I want the background of the cryout coloumn to be light blue, and the background of the post s (on the main page) to be yellow.
    How can I do this?

    Thanks!

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘change background color of content area’ is closed to new replies.