Archived

This topic is now archived and is closed to further replies.

  • 0

change color of footer area

Question

Posted · Report post

how would i go about changing just the footer color on my site so it is different then the rest (page, body, contenet background)?

also, is there a way to remove the navigation from the footer area? by default it appears when the "Footer Columns" option is installed in the Drag & Drop section of the framework editor

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

There is no navigation in the active section yet it appears in the footer. Is there possibly another spot to go to remove it?

Share this post


Link to post
Share on other sites

Posted · Report post

Can you please post a link to your site?

Share this post


Link to post
Share on other sites

Posted · Report post

Changing the Footer Color

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.

Selector: Used to select the page element you want to change (in this case, the page element you want to change is your footer).

Attribute: Property that determines what kind of change you want (you’re changing the background color, so the attribute you want to use is the background-color attribute).

To find the selector for your footer, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: http://www.pagelines.com/wiki/Custom_CSS.

For help with the background color attribute, please see these instructions: http://w3schools.com/css/css_background.asp

For the navigation in the footer area, are you trying to replace it with something else or do you just want it removed?

Share this post


Link to post
Share on other sites

Posted · Report post

i would just like to remove the navigation from the footer

Share this post


Link to post
Share on other sites

Posted · Report post

Go to Dashboard > PageLines > Drag & Drop and select "Footer". On the left you'll see Active Sections. One will be a navigation. Slide it to the right.

That's it.

Share this post


Link to post
Share on other sites