Theme Color Customization

This CSS allows you to alter the various colors throughout your Sherman theme. Look for the snippet of code you need and copy/paste it in the Custom CSS section of your site. The color attribute supports values like red and blue as well as more fine-grained hex codes such as #ee6832 and #ffcc33. You can find a color’s hex value at colorpicker.com.

Header

/* Background Color on Header - Primary */ #masthead { background:red } /* Line Between UConn Header and Site Header - Secondary */ #uc-header { border-bottom-color:green }

Footer

/* Links - Primary */ #mega-footer .widget a { color:red } /* Line Above Footer - Secondary */ #footers { border-color:green }

Mega Menu

/* Mega Menu Background Color */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { background:linear-gradient(to bottom,black,black) } /* Mega Menu Header Links */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color:red } /* Mega Menu Header Links On Hover */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover { color:#fff } /* Mega Menu Subheader Links */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { color:#fff } /* Mega Menu Subheader Links On Hover */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item:hover > a.mega-menu-link { color:red } /* Mega Submenu Background Color */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background-color:#000 } /* Mega Submenu Links */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { color:#fff } /* Mega Submenu Links On Hover */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { color:red }

Body

Related Articles