The Footer Styling settings allow you to customize the visual theme of your site’s footer, from background images and colors to specific link and icon behaviors. These options are found under Dashboard > Theme Options > Styling > Footer.
Background and Borders #
Define the primary container style for the footer area.
- Background: Choose a solid background color or upload a custom image. You can also set the background repeat, size, attachment, and position.
- Background Opacity: Use the slider to control the transparency of the footer background (0 for transparent, 1 for solid).
- Topbar Background: Select a specific background color for the footer’s top bar section.
- Bottom Background: Select a background color for the very bottom bar (copyright area).
- Border Controls: Customize the width, style (e.g., solid), and color for the Border Top, Border Bottom, and Topbar Top Border.
Typography and Link Colors #
Ensure your footer text is legible and matches your brand colors.
- Heading Color: Sets the color for all titles and headings within footer widgets.
- Text Color: Sets the default color for paragraphs and general text in the main footer.
- Bottom Text Color: Specifically sets the text color for the copyright/bottom bar section.
- Links Color & Hover Color: Define the default and hover states for all hyperlinks in the footer. You can also toggle these to be transparent.
Icon Styling #
Manage the appearance of social and payment icons.
- Social Media Icons Color: Set the default color for your social profile icons.
- Social Media Icons Hover Color: Choose the color icons change to when hovered.
- Payment Icons Color: Sets a global color for the payment gateway logos.
Back to Top Button #
Customize the “Back to Top” functionality that appears as users scroll down your site.
- Back to top BG / Hover BG: Set the background color for the button in its normal and hover states.
- Back to top color / Hover color: Set the icon/arrow color for the button in its normal and hover states.
- Back to top shadow: Toggle the Drop Shadow checkbox to add depth to the button.
