Skip to:
Content
Pages
Categories
Search
Top
Bottom

can't change background color


  • keytastic
    Participant

    @keytastic

    Hi,

    To start off, I followed the directions I found here, and I have a child theme set up.

    The text and background from my forum are both very white. I’d like to change the background to something darker. Ideally, it would match the look of my widgets, but at this point, I’d take a plain black background.

    Here’s my site: http://www.lagsquid.com/forums

    Here’s what I’ve been trying:

    #bbpress-forums li.bbp-header,
    #bbpress-forums li.bbp-footer {
    	background: #4b8e2c;
    }
    
    #bbpress-forums {
    	margin-bottom: 10px;
    	border: 1px solid #666;
    	padding: 12px;
    	background-color: #000000;
    	color: #ffffff;
    }
    
    #bbpress-forums div.bbp-forum-title h3,
    #bbpress-forums div.bbp-topic-title h3,
    #bbpress-forums div.bbp-reply-title h3,
    #bbpress-forums a.bbp-forum-title,
    #bbpress-forums a.bbp-topic-permalink {
    	font-size: 16px;
    	color: #0066FF;
    }
    
    #bbpress-forums a.bbp-author-name {
    	font-size: 12px;
    	color: #75A3FF;
    }

    Now, as I said, I’d really like to make the background of my forums look like the widgets. I’m not sure, but I think the code is this:

    .widget{
    	margin-bottom: 10px;
        border: 1px solid #666;
    	padding: 12px;
    	background: url('images/footer-bg.png') repeat left top;
    }
    

    Only, I can’t seem to get url('images/footer-bg.png') repeat left top; to work. Any help would be appreciated!

    My apologies if this doesn’t make any sense as it’s 2am and I’ve been working on this for quite a bit 😛

Viewing 3 replies - 1 through 3 (of 3 total)

  • Robin W
    Moderator

    @robin-w

    from a quick look, I think what you are after is

    #bbpress-forums div.odd, #bbpress-forums ul.odd,
    #bbpress-forums div.odd, #bbpress-forums ul.even {
    background: url(‘images/footer-bg.png’) repeat left top;
    }

    come back if that’s not what you’re after !


    keytastic
    Participant

    @keytastic

    No dice. Or I’m doing something wrong.

    I decided on a much lighter color scheme for the website, and now it looks OK. If I could change one thing now, it would be for active links to behave the same way. For some reason certain links show an underline when you hover over them, and others turn white when you hover over them. It’s not a big deal if I can’t fix this, but it is kind of annoying.

    #bbpress-forums li.bbp-header,
    #bbpress-forums li.bbp-footer {
    	background: #89a2f4;
    }
    
    #bbpress-forums {
    	margin-bottom: 10px;
    	border: 1px solid #666;
    	padding: 12px;
    	background-color: #89a2f4;
    	color: #31485a;
    }
    
    #bbpress-forums div.bbp-forum-title h3,
    #bbpress-forums div.bbp-topic-title h3,
    #bbpress-forums div.bbp-reply-title h3,
    #bbpress-forums a.bbp-forum-title,
    #bbpress-forums a.bbp-topic-permalink {
    	color: #31485a;
    }
    
    #bbpress-forums a.bbp-author-name {
    	font-size: 12px;
    	color: #31485a;
    }

    tharsheblows
    Participant

    @tharsheblows

    You’re looking for a:hover – that’s the style for a link when someone is hovering over it. So I think if you add the following it will all work as you’d like and be the same colour as your other links. This changes the default link hover colour. There might be something somewhere tucked away that overwrites it in certain circumstances but this should work on the forum index page at least.

    a:hover{
    color: #31485a;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Skip to toolbar