Dyad-Background colour of header and footer

Hello,

Could you please link us to your site?

Just a note, if your theme and website are at wordpress.com then this is the wrong forum. You can find wordpress.com support at the below address.
https://en.support.wordpress.com/

Thanks,
Alex

Hi there. ??

You can make the changes you’re after with some custom CSS.

To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can enable its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme in order to hide the text in your footer:

.site-info {
    display: none;
}

To change the background colour of your site’s header and footer, use the following:

.site-header, .site-footer {
    background-color: #663399;
}

From the above snippet, you can change the value of #663399 to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before:

https://www.color-hex.com/

Hope that’s helpful!

I based the above CSS on Dyad’s demo site. CSS can be slightly different on a site-by-site basis and, as Alex noted, it’s easier for us to help with questions if you can provide a link to your site.

If the CSS I provided doesn’t help, please provide a link to your site and we’ll work from there.

Alex, just a note so you’ll know for the future:

Just a note, if your theme and website are at wordpress.com then this is the wrong forum. You can find wordpress.com support at the below address.

The self-hosted version of Dyad (and all Automattic themes) credits WordPress.com as the creator of the theme. This credit format is only present on self-hosted sites, so if you see it referenced, you can be sure it’s a self-hosted site:

Proudly powered by WordPress | Theme: Dyad by WordPress.com

Hello @kathryn

The self-hosted version of Dyad (and all Automattic themes) credits WordPress.com as the creator of the theme. This credit format is only present on self-hosted sites, so if you see it referenced, you can be sure it’s a self-hosted site:

Thanks for the clarification. ??

@dodo9999, please let us know if you need further help. ??

Have a great day! Cheers,
Alex

Siobhan your method worked great, thanks. ??

Perfect! Feel free to start another thread if any extra questions come up. ??

Hello!

This is the first time I’ve posted on www.remarpro.com forums. But related to this thread, I’m trying to change the font color on my footer (www.myneighborsglasses.com). I used the CSS above and tried to change it to change the color of text in my footer (“Posts by Passage,” “Meet the Neighbors,” etc), but couldn’t figure it out.

Thanks for your help, all!

Hey devintres,

You can try adding the following CSS code as mentioned above:

– for footer widget titles:

.site-footer h3.widget-title {
    color: #000;
}

– For links in footer widgets:

.site-footer .widget-area a {
    color: #000;
}

– For text in footer widgets

.site-footer .widget-area p {
    color: #000;
}

This should make all 3 above mentioned black, to change these colors all you have to do is replace color hex values (#000) to the one that matches color of your choice.

You can use sites similar to this one to get hex values https://www.color-hex.com/

If the code doesn’t work please keep it added and let me know so I can take a look ??

Cheers,
Bojan

Bojan!

You’re a lifesaver…perfect!

Thanks a lot!

Devin

Hey Devin,

Glad I could help ??

Have a great day!

Cheers,
Bojan