Adding A Background Color and Dropshadow To Astra Theme Header

Astra is the new kid on the block of lightweight, easily customizable WordPress themes along with OceanWP and the one that started this trend Generatepress. All the free version of these themes are already quite powerful out of the box but the pro versions offer a lot more customizability. I would say OceanWP’s free version right now has the most features out of the box.

This site actually runs on Astra. I chose it more for it’s future abilities and it’s claim to be the fastest WordPress theme. I wanted custom background color and a thin dropshadow under the header and found there was no setting in the customizer to do that. Instead you will need to go into Appearance/Customize/Additional CSS

In there just add this piece of code.

.main-header-bar {
background: #f4c842;box-shadow: 0px 3px 3px #b8b8b8;
}

The CSS box shadow property sequence is horizontal shadow size, vertical shadow size, the blur spread size and shadow color.

 

Continue Reading Adding A Background Color and Dropshadow To Astra Theme Header

Changing WordPress Site Title Color in OceanWp

If you are not using a logo on your WordPress theme and just have text for the site title or sitename, here is where you can change the site name color in the OceanWP theme.

In the OceanWp Customizer (WordPress’s Appearance/Customize) go to Header/Logo section and scroll down to the Color setting and use the color picker or type in your hex value. This will change the text color in the header.

oceanwp edit site name color

Continue Reading Changing WordPress Site Title Color in OceanWp

Changing WordPress Description Colors in OceanWp

After going through all the settings in the OceanWp Customizer I wasn’t able to find the color settings for the Theme description.

It turns out you need to edit the Custom CSS/JS section by adding the following code.oceanwp edit site description color

#site-header.top-header #site-logo #site-description h2 {
color: #fff}

Continue Reading Changing WordPress Description Colors in OceanWp