[Resolved] CSS Animated Gradient/bbpress

[Andrej]

Hi Tom,

Love this theme, but I’m not tech savvy. I have two things to take care of.
1. I am using animated gradient. Here is the html:

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

body {
background: linear-gradient(250deg, #6D9CCD, #375B81, #A1CFFF,#B1C3D5,#5F89B3);
background-size: 600% 600%;
-webkit-animation: Gradient 35s ease infinite;
-moz-animation: Gradient 35s ease infinite;
animation: Gradient 35s ease infinite;
}

@-webkit-keyframes Gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes Gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

I would like to see the same gradient in the header. It looks like only the body is changing.

2. I am using bbpress and every time someone creates a new topic, the new page goes to default settings. For example, my forum page is setup without header/widget/footer, but with new topics, I have to change it manually.

• This topic was modified 7 years, 11 months ago by Andrej.

[Roberto Enrique]

For the header bg thing you should try to get the header background-color:transparent.
For the second one I think you should look here:
https://generatepress.com/knowledgebase/choosing-sidebar-layouts/

Because i think the logic with the other elements (header, footer) is similar.

[Andrej]

Hi Roberto,

Thank you for your reply. The header was fixed, but the layout only refers to the sidebar. I would like to change the header and footer globally as well, there is no such option in Generate Press. Do you have any other suggestions?

[Roberto Enrique]

Unfortunately I can’t help you with that 🙁 Too har for my coding skills.
Have you tried with css?

[Andrej]

no I haven’t yet. I will play around with it and see if I can solve this.

[Tom]

Hi there,

So you’re wanting all bbPress pages to not have a header or footer (widgets), and no sidebars?

[Andrej]

Hi Tom,

Yes, every time a new topic is being created, I have to go manually and disconnect the header footer, the sidebar is gone using the sidebar option.

[Tom]

Try this CSS:

.bbpress .site-header,
.bbpress .site-footer {
    display: none;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Andrej]

Thanks Tom,

Added to the simple CSS and worked like a charm.

[Tom]

You’re welcome 🙂

[Author]

Posts