How do I set a header color on the Design One theme?

  • I’m using the Design One theme but after some recent update, all my AMP pages now use the default blue header. How can I change the header color back to what it was before (I think it was white or a light gray)? If I need to use custom CSS, what specific code do I need?

    Thanks in advance.

    • This topic was modified 5 years, 11 months ago by csaldanha. Reason: grammar

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    That’s strange, the Update shouldn’t be causing the issue. We had this color option in the customizer which has the old settings.

    I have created a ticket for creating this option in the main options area: https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/3069

    Currently, you can add this css and change the color to your own:

    .amp-wp-header {
    background-color: #888;
}

    I do have a question for you, are you using the AMPforWP in the Addon Mode?

    Thread Starter csaldanha

    (@csaldanha)

    Hi, Ahmed. Thanks for the reply.

    No, I’m not using AMPforWP in the Addon Mode. It’s in the Standalone Mode.

    The CSS that you suggested works perfectly except my site’s logo is still on a black background for some reason. I tried experimenting with the CSS to try to fix it myself but did not manage to rectify it. Do you know what CSS is needed?

    Thanks!

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    Glad to know, Try this CSS:
    .amp-wp-header .amp-wp-site-icon{color:red; border-color:red}

    Thread Starter csaldanha

    (@csaldanha)

    Hi, Ahmed! Thank you so much! One last thing is that how can I resize the site’s icon to fit cleanly within the circle. Right now, a part of it is cut-off. What CSS is needed for this?

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    For that, we will have to change a little in the structure.

    It would be easier if we turn off the round shape (border-radius)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I set a header color on the Design One theme?’ is closed to new replies.