Renew Stack Dark

Support
#1

hey there.

i know it is possible to change the colour theme from light to dark in somehow. where can i change it for the church demo (renew stack)

#2

Hello There,

Light and Dark option is only available in Integrity stack. Other than that can be accomplished with custom css.

You can go to Customize > Renew and change your color scheme from there.

Thanks.

#3

alright. is there any way i can change the latest posts “windows” to dark?

#4

Hi There,

Please add the following code to Theme Options CSS

.x-recent-posts a.x-recent-post1 {
   
    background: black;
    color: white;
}

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

Hope it helps

#5

that only changed the font color of the latest post element.

i wanted to change all the latest posts elements on the homepage and the blog and news page…

#6

Please post your site link.

#7

www.patricklemmer.com

#8

Hi there,

Unfortunately, the given URL is under construction and we could not access the page live code to be able to help you with extra CSS code.

As my colleague mentioned the only Stack which has a dark mode is Integrity. The Church demo is based on Renew stack, therefore your options to have a dark view will be limited and you need to rely on Custom CSS coding.

I suggest that you also check the tutorials below which will make you able to find the proper CSS selectors for future customizations:

https://www.w3schools.com/css/

Our support for the customization is limited and we usually can support the options which are available on the theme out of the box. Surely we will do our best to get you on right track regarding this, but I am sure you will understand that implementing the whole customization will be outside of our support scope.

kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

#9

sure. i understand.
here are the login details

#10

Please add the CSS code below to X > Launch > Options > CSS

/* Home Page */

.x-recent-posts .x-recent-posts-date {
    color: #fff;
}

.x-recent-posts .h-recent-posts {
    color: #fff;
}

.x-recent-posts a {
    background-color: #000;
}

/* News */

.x-iso-container-posts>.hentry .entry-wrap {
    border: 1px solid #696969 ;
    background-color: #000;
}

/* Blog */

.widget ul, .widget ol {
    border-top: 1px solid #000000;
}

.widget ul li, .widget ol li {
    border-bottom: 1px solid #424040;
    padding: 0.65em 5px;
    background-color: #000;
}

.entry-featured {
    border: 2px solid #000;
    background-color: #000;
}
#11

much better. just doesnt work on my blog page…

#12

Hi,

I see you added /* News / CSS under / Blog */ CSS (duplicate)

Under /* Blog */ CSS please add previously provided CSS

/* Blog */

.widget ul, .widget ol {
    border-top: 1px solid #000000;
}

.widget ul li, .widget ol li {
    border-bottom: 1px solid #424040;
    padding: 0.65em 5px;
    background-color: #000;
}

.entry-featured {
    border: 2px solid #000;
    background-color: #000;
}

Thanks!

#13

perfect, thanks.

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.