Add additional text to the footer area

conantrj · Member · Feb 1, 2016 at 7:43 pm
Copy link

Add topic to favorites
Need CSS help to add additional text to the footer area. Would like to add “© 2016 Long John Silver’s, LLC. PEPSI and the Pepsi Globe are registered trademarks of PepsiCo, Inc.”

Thank you for any/all help.

The blog I need help with is: (visible only to logged in users)

thesacredpath · Member · Feb 2, 2016 at 2:12 am

Hi, give the following a try and see what you think. I’ve made the text a bit larger and also changed the color to black so that it stands out a bit more.

#footer:before {
    content: "© 2016 Long John Silver's, LLC. PEPSI and the Pepsi Globe are registered trademarks of PepsiCo, Inc.";
    display: block;
    font-size: 110%;
    color: #000;
    text-align: center;
}
#footer .footerleft {
    text-align: center;
    float: none;
}
#footer {
    padding-bottom: 10px;
}

conantrj · Member · Feb 2, 2016 at 2:44 am
Copy link
Thank you for your response!
I pasted in the code and it moved the existing text to the center, but did not include the new text. So there is an adjustment from your code, just no new text included.

To test, I removed this section:
#footer:before {
content: “© 2016 Long John Silver’s, LLC. PEPSI and the Pepsi Globe are registered trademarks of PepsiCo, Inc.”
display: block;
font-size: 110%;
color: #000;
text-align: center;
}
…and the original text stayed centered.

Then I reversed and removed just this section:
#footer .footerleft {
text-align: center;
float: none;
}
#footer {
padding-bottom: 10px;
}
…and the text went back to left justified.
Hope that helps troubleshoot.
conantrj · Member · Feb 2, 2016 at 2:44 am
Copy link
Thank you for your response!
I pasted in the code and it moved the existing text to the center, but did not include the new text. So there is an adjustment from your code, just no new text included.

To test, I removed this section:
#footer:before {
content: “© 2016 Long John Silver’s, LLC. PEPSI and the Pepsi Globe are registered trademarks of PepsiCo, Inc.”
display: block;
font-size: 110%;
color: #000;
text-align: center;
}
…and the original text stayed centered.

Then I reversed and removed just this section:
#footer .footerleft {
text-align: center;
float: none;
}
#footer {
padding-bottom: 10px;
}
…and the text went back to left justified.
Hope that helps troubleshoot.
thesacredpath · Member · Feb 2, 2016 at 5:02 am
Copy link
I’m seeing the added text above the existing credits, and I see everything centered. Did you get this resolved?
conantrj · Member · Feb 2, 2016 at 3:52 pm
Copy link
Wow, it wasn’t there when I looked at first but is there now. Thank you for your help!
thesacredpath · Member · Feb 2, 2016 at 9:41 pm
Copy link
You are welcome.

If that happens in the future, try clearing your browser cache. Sometimes browsers will pull from their cache instead of actually pulling the new files from the servers.

The topic ‘Add additional text to the footer area’ is closed to new replies.