Docs

[tracyhm]

I am using the Integrity Stack and version 1 for a new website. I like the Dark version for the headers and footer to give it some contrast. However, I don’t want the blog backgrounds to be dark. Is there a way to change that setting so I can have light posts and pages with the dark nav bar and footer?

Also, how do I get my widgets to show up in the footer? The text disappears when the footer bar is dark. Any help would be great. Thanks!

[Rue Nel]

Hello There,

Thanks for writing in! To change the dark background color in the blog post and on the sidebar widgets, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

body {
    background-image: none;
}

.widget ul, .widget ol,
.entry-wrap {
    background-color: #fff;
    box-shadow: none;
}

To get the widgets to show in the footer, you have to turn on the footer widget container first. Please go to the customizer, Appearance > Customize > Footer > Footer Widget Areas and select the number of columns you want to display in your footer. Once it is active, you can proceed to Appearance > Widgets and add your widgets in the widget area for Footer 1, Footer 2, Footer 3 and Footer 4.

Hope this helps.

[tracyhm]

Thank you so much! You solved my posts problem and those are light now. So helpful. However, I have made my footer dark and have 3 widgets down there. One just has a text field listing contact information. The middle column has archives and a field on the right will link to the mailing list. The text and headers in these areas are not showing up because they are set to black. I attached a picture to help you understand what I’m trying to explain. Is there some CSS I can use to change the color of that text in the footer? Any ideas would be so appreciated. Thank you!

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.top .h-widget,
.x-colophon.top .textwidget {
    color: #fff;
    text-shadow: none;
}

Hope it helps 🙂

[tracyhm]

Last question! I used a promo card on my Team page and again it has the dark skin behind it. I also put in a recent posts section block on my homepage and the same thing is happening. The text is black and so is the skin. Can you please help me lighten the promo cards and recents posts. Thanks!

[Rue Nel]

Hello There,

Thanks for the updates! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Nico]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Please share us screenshot of the specific customization you want to change so that we could easily locate and identify it.

Thanks.

[tracyhm]

This reply has been marked as private.

[Joao]

Please add the following codes in Appereance Customizer Custom CSS

To change the color of the post text and date on recent posts.

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
color: white;
}

To change the background color to white:

.x-promo-content {
background: white;
box-shadow: none;
}

If you need further help, please let us know.

Joao

[Author]

Posts