Jump to content


Photo
- - - - -

custom code question on changing comment background


  • Please log in to reply
8 replies to this topic

#1 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 07 July 2012 - 01:29 AM

hi everyone. sorry to bother you with suck a dull question but...

im trying to change the background of the comments on the blog posts and have used firebug etc to ascertain some custom CSS as follows

 '#social {
	  background-color: #3C9CD3;}'

it doesn't work. i have tried other selectors other than #social but have lost count of what i have tried.

Can anyone help? thanks in advance

#2 batman

batman

    Bat Learning

  • Members

  • 2159 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 July 2012 - 01:37 AM

Try this CSS code

 #social { background: #3C9CD3; }

It??s work fine in my firefox - firebug
;)

#3 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 07 July 2012 - 01:56 AM

Great stuff, thank you Batman - that worked brilliantly. there are a few more bits of the comments box thing that are still white. for example, the 'or' in the header divider has a white background. i would therefor expect to put the following code into custom css

 #social #social-divider {background-color: #3C9CD3;}

or

 #social .social-divider {background-color: #3C9CD3;}

do you know what am i doing wrong? am i missing the point entirely?

thanks for the swift answer.

#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 07 July 2012 - 02:00 AM

by the way - first time you wrote
 #social #respond {background-color: #3C9CD3;}
and that worked fine now i see it written as
 #social[/s] { background: #3C9CD3; }
in your comment


ah i see what you did!

#5 batman

batman

    Bat Learning

  • Members

  • 2159 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 July 2012 - 02:10 AM

I??m a newbie but really "Nop"

 #social { background: #3C9CD3; }
and
 #social { background-color: #3C9CD3; }
works fine in my firebug

only it is different like you write first
 '#social {background-color: #3C9CD3;}'
with
'.......'

I don??t know, sorry

#6 batman

batman

    Bat Learning

  • Members

  • 2159 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 July 2012 - 02:20 AM

@greenfly
Now follow with this

 #social #respond textarea.social-input, #social #respond input.social-input { background: #3C9CD3; }


#7 batman

batman

    Bat Learning

  • Members

  • 2159 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 July 2012 - 02:22 AM

Finally
 #social .social-nav li a { background: #3C9CD3; }
and
 #social input#submit {background: #3C9CD3 !important;}
I think that is all
:)
If your problem is resolve please "Accepted"

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 July 2012 - 11:04 AM

Hi Greenfly, Has Batman's suggestion answered your question ?

#9 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 10 July 2012 - 06:57 PM

yes sorry.. i havent had chance to respond - apologies and thanks Batman