[Resolved] CSS Animated Gradient/bbpress

Home Forums Support [Resolved] CSS Animated Gradient/bbpress

Home Forums Support CSS Animated Gradient/bbpress

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #196071
    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 5 years, 2 months ago by Andrej.
    #196103
    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.

    #196148
    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?

    #196157
    Roberto Enrique

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

    #196159
    Andrej

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

    #196165
    Tom
    Lead Developer
    Lead Developer

    Hi there,

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

    #196168
    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.

    #196169
    Tom
    Lead Developer
    Lead Developer

    Try this CSS:

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

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

    #196173
    Andrej

    Thanks Tom,

    Added to the simple CSS and worked like a charm.

    #196175
    Tom
    Lead Developer
    Lead Developer
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.