How to change Widget Background Color

Posted in: Newsmag
Post count: 280
Lewis
#155073
Jan 27, 2017 at 8:54 am

Hi

i want to change Specific widget background widget, and use new color instead the colors with the theme

and i put class name, but i stooped

any advice to change it using css?

  • This topic was modified 9 years by Lewis.
Post count: 23312
Catalin
#155115
Jan 27, 2017 at 10:52 am

Hello Lewis,

Please provide your website URL so I can inspect it closer the specific widget and also, so I will be able to provide a more accurate code. Also, you should provide some useful screenshots with the exact area where you want to change the background color.

Thanks for your understanding!

Post count: 280
Lewis
#155149
Jan 27, 2017 at 12:37 pm

Thanks man

this is the widget i am talking about

http://www.autosport.me/plus/430222/

Post count: 23312
Catalin
#155249
Jan 27, 2017 at 4:12 pm

Hello Lewis,

If you are referring to the widget which has a red background color, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

body .td-block-color-style-1{
background-color: green;
}

The result is here -> https://www.screencast.com/t/yVAAl2KCh4O

Otherwise, you should provide more details.

Thanks.

Post count: 280
Lewis
#155293
Jan 27, 2017 at 6:36 pm

great thank you

yes that what i need 🙂

Now the Question is, How you target the widget?? i mean if i have another widget, How to get his name and target it using css

Thanks

Post count: 23312
Catalin
#155476
Jan 30, 2017 at 9:10 am

Hello Lewis,

You should use our guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find all the steps which you are needed to take to create your own custom CSS code.

Thanks for your understanding!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.