This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Changing Content Background Colour

  • Creator
    Topic
  • #7704
    stephbee
    Participant

    I’ve set my style to brown and dark but I would like to change the content background colour from grey (which I think is #282828) to brown (#230F02) but for the life of me I can’t figure out where to go to change this colour. Any ideas?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Author
    Replies
  • #7708
    Jason Bobich
    Keymaster

    Hello,

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    In this case, the #internal_wrapper div is what determines the background color for the content area of the site. So, If I understand you correctly, this is what you’d want to use as your selector in your custom CSS to modify the background property.

    http://www.w3schools.com/cssref/css3_pr_background.asp

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

    #7743
    stephbee
    Participant

    This is the code I put in the custom CSS area and it had no effect

    #internal_wrapper
    {
    background-color: #230f02;
    }

    Screenshot

    Let me know if I am using the wrong div or something

    Thanks

    #7746
    Jason Bobich
    Keymaster

    I think that should be it, unless you have the dark content style selected. Do you have a live link to where you’re doing this?

    #7748
    Jason Bobich
    Keymaster

    Aw sorry I see now where you were trying to describe that above by telling me the #28282 color. It would be the following.

    .content_dark #main, 
    .content_dark #featured_below {
    	background-color: #230f02;
    }
    #7991
    stephbee
    Participant

    Ok that part worked great thanks, but I have the same problem with post excerpt what is that area called so I can make it brown as well?

    Screenshot

    #8003
    Jason Bobich
    Keymaster

    I honestly can’t see the screenshot links you’re pointing to. You seem to not be including links to the correct images you’re uploading.

    But, none the less, how are you trying to tackle this customization? Are you using Firebug or Chrome’s developer console? What are you seeing when you attempt to find the styles? What aren’t you understanding in finding appropriate selectors to style? Let’s start there.

    #8005
    stephbee
    Participant

    http://goldengiftsequine.com/wp/horses-for-sale/

    I just use the custom css in theme options, I just need to know what this area is called so that it can be changed

    #8007
    Jason Bobich
    Keymaster

    Please see the advise above on making CSS changes, and remember that support doesn’t include providing customizations.

    http://support.themeblvd.com/help/#terms

    I’m fully willing to help you along, but just doing these customizations for you isn’t part of the deal, unfortunately. Using an inspector like Firebug (for example) is how you figure out what to target with your CSS.

    If you are looking just for customizations to be made for you, I totally understand; we’ve got great customizations services through our awesome partners at WerkPress for that.

    http://support.themeblvd.com/customizations/

Viewing 8 replies - 1 through 8 (of 8 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.