How to create different sidebar background color

How to create different background color for certain sidebar

Hi @Mr Alakulihal,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#secondary .widget-title:after{
  display: none;
}
#page #secondary h3.widget-title {
    background: #FFCE41;
    text-align: center;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    color: #fff;
}
#secondary .widget *{
    background: #3EC980;
    color: #fff;
    padding: 5px;
    border-color: #87D69C;
}
#secondary .widget > *{
    border-radius: 0 0 5px 5px;
}

Best Regards,
Movin

I just want a particular sidebar , examples only for recent post sidebar.
is that possible??

look to my url: https://mashamam.com

Recent Posts is not sidebar but the widget.

To apply it only to Recent Posts widget you can use the following CSS code.

#secondary .widget_recent_entries .widget-title:after{
  display: none;
}
#page #secondary .widget_recent_entries h3.widget-title {
    background: #FFCE41;
    text-align: center;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    color: #fff;
}
#secondary .widget_recent_entries.widget *{
    background: #3EC980;
    color: #fff;
    padding: 5px;
    border-color: #87D69C;
}
#secondary .widget_recent_entries.widget > *{
    border-radius: 0 0 5px 5px;
}

Thank very much.

Please, add a hover link functions.

  1. How to fix this?

Use the following CSS code to achieve both of these.


#secondary .widget_recent_entries.widget a:hover {
    color: #ca7464;
}
#secondary .widget_recent_entries.widget a {
    display: block;
}