amir ali
asked 5 years ago

![Check screen Shot](http://prntscr.com/8svv86 "enter image title here")

1 Answers
DominicStaff
answered 5 years ago

Hi,
If you want to change the background for the latest News in right hand side for each categories, you only can use the class of each categories. If you want to find the categories class you can use the Debug and then add the following code to the style.css file:

.category-society .cuboid_media_recents_posts {
    background-color: #...!important;
}

.category-ecology-2 .cuboid_media_recents_posts {
    background-color: #543545 !important;
}

Hope this helps !

amiralishahbangi
replied 5 years ago

Where i can debug

amiralishahbangi
replied 5 years ago

is there any way to add background clour to a category

amiralishahbangi
replied 5 years ago

is there any way to add background clour to only one category

amiralishahbangi
replied 5 years ago

or how we can add colour to one widget

dominic Staff
replied 5 years ago

To access the DevTools, open a web page or web app in Google Chrome. Either:

Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.

There are several useful shortcuts for opening the DevTools:

  • Use Ctrl+Shift+I (or Cmd+Opt+I on Mac) to open the DevTools.
  • Use Ctrl+Shift+J (or Cmd+Opt+J on Mac) to open the DevTools and bring focus to the Console.
  • Use Ctrl+Shift+C (or Cmd+Shift+C on Mac) to open the DevTools in Inspect Element mode, or toggle Inspect Element mode if the DevTools are already open.

To change the color or background for each categories you can use the following code:

.category-economy .container {
    background: #fff;
}
.category-economy {
    background: #000;
}

Also, very simple to change background for another categories. Just need change the category name in the code.
Example: Governance categories.

.category-governance {
    background: #000;
}
.category-governance .container {
    background: #fff;
}

If you want to add color to widget in each categories, please tell me know the widget name that you want to change.
Hope this helps !

amiralishahbangi
replied 5 years ago

Please how i can chng the background colour ofa single widget – dw focus – 1.1.0

dominic Staff
replied 5 years ago

You can tell me detail about the widget name and page, categories or single page that you want to change the background color for widget.
If you want to change background color of widget in each categories page, you can use categories class name + widget class name. To find the class name you can use debug.
Hope you understand what I mean.
About example: You can find in my first answer.
Regards,

Powered by DW Question & Answer Pro