Widget Border and colors

I would like to change the border color of all boxes on home page and widget border color from current light gray.
I would like to add change background color of footer from dark grey to another.
I would like to change background color of primary menu

Please provide the custom css

thanks

Hello there,

I hope you are doing well today.

You can use the following CSS code to make the changes by going to Appearance > Customize > Additional CSS and pasting it there.


/*Widget border color*/
#secondary.widget-area .widget {
    padding: 25px 45px;
    border-color: blue;
}

/*Footer Background color*/
#colophon {
    background-color: #000;
}

/*Menu background color*/
nav#site-navigation {
    background-color: red;
    width: 100%;
}

Best Regards,
Support

Thanks and once I change the background color of the footer how do i change the font color of copyright and the two colors of fonts in the recent posts that show up in footer. Also how do i change background of social menu thats at the top. Is there a place to find all the css commands for this theme?

thanks

Hello there,

I hope you are doing well today.

CSS is a styling language, so it needs to be learned.


/*Footer color*/
.copyright-info, .main-footer-navigation a, #colophon a{
    color: red;
}

/*Recent posts font*/
.widget a {
    color: white;
}

/*Social media bar background color*/
.top-header {
    background-color: red;
    /* width: 100%; */
}

Best Regards,
Support