#67 – How to Change Footer Background Color?

Posted in ‘weeblrAMP’
This is a public ticket. Everybody will be able to see its contents. Only enter usernames, passwords or any other sensitive information in the Private information field.
Sunday, 08 April 2018 15:24 UTC
 Hello, I am trying to change the background color of the footer on my AMP page, from the default baby-blue to one of my brand colors (#4c4d4f) while also changing the footer font color to white (#ffffff). However, standard HTML code doesn't seem to work. I tried using the below code, but when I hit save, and the page refreshes, most of the HTML disappears. What am I supposed to do instead? Thanks!

body {
background-color: #4c4d4f;
color: #ffffff
<body>The background color can be specified with a color name.</body>
Monday, 09 April 2018 07:49 UTC

However, standard HTML code doesn't seem to work.
Yes, the code in your sample above is not legal AMP code and cannot be used on AMP pages. This is why weeblrAMP removes it, it would render your AMP pages invalid.

I tried using the below code
Where exactly do you put that code? This looks like a full HTML page, do you create a template override?

CSS and style changes are made in 2 main ways:

- using the various tabs of the "Customize" menu option:

- for "raw" css changes, on the "Custom styles" tab of the "Customize" menu option:

Customizing the AMP pages output is described in the documentation starting on this page.

For more advanced customization, requiring HTML markup changes, you can use filters and templates overrides, as described starting on this page of the documentation.

Best regards

Wednesday, 11 April 2018 23:00 UTC
All I am trying to do is change the color of my footer from the default baby blue. But i do not see an option under Customize --> Page Style to change the footer color. See attached image of the Footer area in the Weeblr plugin, and a screenshot of the footer on my live AMP page. I want to change the Blue to my brand color. How do I do this? What exact steps do i need to take? It's weird because you can easily change the background color of the header, but not footer. Thanks for any help.

Thursday, 12 April 2018 07:31 UTC

What exact steps do i need to take? I
You need to create the custom CSS code you need for your site and enter it in the "Custom CSS" settings. Please refer to the screenshot in my first response, where I outlined the various options available to you to change your site design and style.

I suspect to change the footer background, and depending on what you put in that footer, you would have to use something like:

.wbamp-footer: #XXXXXX;

It's weird because you can easily change the background color of the header, but not footer.
Absolutely. We cannot provide user interface to change each and every aspect of the AMP version. Once the simpler, more general options have been used, one has to use custom CSS and template overrides to achieve the desired look and feel.

Best regards

Friday, 27 April 2018 05:34 UTC
This ticket has been automatically closed. All tickets which have been inactive for a long time are automatically closed. If you believe that this ticket was closed in error, please contact us.
This ticket is closed, therefore read-only. You can no longer reply to it. If you need to provide more information, please open a new ticket and mention this ticket's number.