Archived topic
CSS Animated Gradient/bbpress
9 replies · Started by Andrej on May 23, 2016
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.
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.
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?
Unfortunately I can't help you with that :( Too har for my coding skills.
Have you tried with css?
no I haven't yet. I will play around with it and see if I can solve this.
Hi there,
So you're wanting all bbPress pages to not have a header or footer (widgets), and no sidebars?
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.
Try this CSS:
.bbpress .site-header,
.bbpress .site-footer {
display: none;
}Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Thanks Tom,
Added to the simple CSS and worked like a charm.
You're welcome :)