Archived topic
How do I make the Amazon Disclose Text in Footer Bar "small"?
4 replies · Started by Ken on April 11, 2021
Problem: I'd like to make only the Amazon Disclosure text in the footer bar to be "small" text and have the links to the Legal Pages remain the same.
What I've done:
I added an HTML widget to the footer and added the following:
<p style="text-align: center;">.element { font-size: small;
}This site is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Amazon and the Amazon logo are trademarks of Amazon.com, Inc or its affiliates.</p>
After purging cache I get the following:
How can I fix this so that only the Amazon Disclose Text is 'small"?
Sorry, didn't look like the image link got embedded.
Here it is again:
Hi there,
That won't work. That's not how you add CSS.
You should add a CSS class on that paragraph block you're editing. Paragraph blocks have an "Additional CSS Class(es)" text field to add class selectors you can use to style it.
Say for example, you can put amazon-text on its additional CSS class.
You can then add this CSS on Appearance > Customize > Additional CSS.
.amazon-text{
font-size: 12px;
}Elvin,
Nice, looks perfect. Thank you so much.
Your help is much appreciated.
No problem. glad to be of any help. :)
