›
Before you ask please READ THIS

How to change the box color on the page like it's 'Black'

jmellor1991jmellor1991
in Hypershot Posts: 18
Hi There,

How to change the box color on the page like it's 'Black'?

Many Thanks,
The Team Of JM

Comments

  • jmellor1991jmellor1991
    Posts: 18
    Like The Picture Below:
    screenshot.png
    1279 x 551 - 74K
  • AirAir
    Posts: 10,970
    I think I don't understand this one still. It is black on your screen shot so probably you have switched black color scheme already.

    Can you explain more ?:-)

    With kind regards.
  • jmellor1991jmellor1991
    Posts: 18
    Hey Air,

    The content box color we are wanting to change. The Color scheme is 'Black' but we are just wanting the content box to be a different color and not black, just the header.

    Many Thanks,
    The Team Of JM
  • AirAir
    Posts: 10,970
    Use this custom CSS: 
    article, body.search-no-results.search article, body.archive.category-empty article, #content aside, ul.tabs li a:hover, ul.tabs li.active a, .tab_container, .archive-item{
        background-color: #eee;
    }
    It will overwrite, all overwrites made by black scheme :-)

    With kind regards.
  • jmellor1991jmellor1991
    Posts: 18
    Hey Air,

    Many Thanks. This worked!!!!!!!!!! :)

    With Kind Regards,
    The Team Of JM
  • JAUTERY00JAUTERY00
    Posts: 23
    I have the same issue. I tried the code but it didn't work for me. I want the box color to be transparent so I can see the background video on my home page: www.jamesautery.com
    Thanks!
  • JAUTERY00JAUTERY00
    edited December 2015 Posts: 23
    Never mind I got it with this: 

    #header, #head-widgets, .top-menu ul, #access.touch .menu-container, article, body.search-no-results.search article, body.archive.category-empty article, #content aside, ul.tabs li a:hover, ul.tabs li.active a, .tab_container, .archive-item, .navigation a, #blog-filters > div, #filter-activate.active {
        background-color: transparent;
    }
    Post edited by Air on
  • JAUTERY00JAUTERY00
    Posts: 23
    How would I remove the 1px shadow though?
  • AirAir
    Posts: 10,970
    Hello:-)
    JAUTERY00 said: How would I remove the 1px shadow though?
    Use this custom CSS: 
    body.page article, body.single article{
        box-shadow: none;
    }
    With kind regards.
  • JAUTERY00JAUTERY00
    Posts: 23
    That did it! Thank you so much!
Sign In or Register to comment.