Change widget color in theme called RESPONSIVE THEME

• 

  cengizcoskun · Member · Jul 17, 2014 at 6:47 pm

  • Copy link
  • Add topic to favorites

  Hi to all.
  Im working on a theme called Resposive Theme and i asking for some help with adding some colors to different widgets. At the page Home there are 3 widgets called Home Widget 1, Home Widget 2 and Home Widget 3, i want to add different colors to those 3 widgets. i can give them the same color but can not find out how to give them different colors. i will be really pleased for any kind off idea. Thanks in advence

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 18, 2014 at 2:34 am

  • Copy link

  Hi there, I see three sites associated with your username. Two self-hosted sites using the software from WordPress.org, and one hosted here on WordPress.com using the Tonal theme.

  Can you give us a link to the site you are referring to, please? CSS is generally theme specific, so it is much easier if we can see the site you are wanting help with. Thanks in advance.

• 

  cengizcoskun · Member · Jul 18, 2014 at 7:32 am

  • Copy link

  Hi there. Nice nickname :)

  http://cengizcoskun.dk/public_html/eksternit/ this is the site.
  Thank you for fast answer.

• 

  thesacredpath · Member · Jul 18, 2014 at 2:58 pm

  • Copy link

  Hi @cengizcoskun, it looks like you are using WordPress but you are not hosted here at WordPress.com. There is a Responsive Theme support forum at WordPress.org for self-hosted sites such as yours where you can post your questions.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and you can target the three widget areas on the home page by using the unique ID for those widget areas. These would be the three selectors.

  #home_widget_1 .widget-wrapper
  #home_widget_2 .widget-wrapper
  #home_widget_3 .widget-wrapper

  As an example, this turns the background of the first widget area (left) to a bright red.

  #home_widget_1 .widget-wrapper {
      background: #CC0000;
  }

• 

  cengizcoskun · Member · Jul 18, 2014 at 9:51 pm

  • Copy link

  Ok now i know differece between org and com :) thank you. And thank you very much for such a perfect answer as well. I have tried the other way around ( #widget-wrapper .home_widget_1 ) and many other things too.
  All best regards

• 

  cengizcoskun · Member · Jul 18, 2014 at 9:56 pm

  • Copy link

  Ps now i understood why i had to reset my password every time :) just a new noob . thank you again

• 

  thesacredpath · Member · Jul 18, 2014 at 10:31 pm

  • Copy link

  No problems and you are welcome.