RGV
  • About
  • Blog
  • Projects
  • Connect
  • About
  • Blog
  • Projects
  • Connect

How to add footer content, such as active menu, to your free Weebly website -- Beginner's guide.

8/27/2014

Comments

 
Picture
For free weebly accounts and websites, having a customized footer that looks legitimate and professional, similar to paid accounts (pro, etc.), is easy. It doesn't matter what weebly theme you are using, HTML and CSS codes are standard.

HTML
1. Go to Design and click "Edit HTML / CSS"
2. Choose a page layout (you may insert the code to all page layouts if you want)
3. Look for:
<div 'footer-wrap'>
<div 'site-footer container'>
{footer}

Here's the sample of the code:
<div 'footer-wrap'>
<div 'site-footer container'>
{footer}
<div align="center">     &copy; 2014 <a href="http://
www.romagvelasco.com"> Roma G. Velasco, </a> All Rights Reserved |
<a href="http://www.romagvelasco.com/contact.html"> Contact</a> | 
 <a href="http://
www.romagvelasco.com/about.html">About Me</a> | 
  <a href="http://
www.romagvelasco.com/blog.html"> Blog</a> | 
  Design by: <a href="http://
www.romagvelasco.com"> Roma G. Velasco</a> 
  </div> 
<div id="footer" >
 {footer}
<div ></div>


CSS
Make sure that your footer setting is set to show your footer content correctly. Go to CSS (main-style.css) and look for the *Footer setting. You can adjust the height and over-all look of your footer (background-color, text-color, border-top, etc.).
Picture
If you have any questions on how to do this, feel free to CONTACT ME.

- ROMA
Comments
comments powered by Disqus

    Categories

    All
    Business
    DEI
    Expressive Arts In Psychology
    Filipino Psychology
    Human Performance
    Indigenous Filipino
    Literature Review
    Mindfulness
    Personal
    Psychology
    Technology

    RSS Feed

    This section will not be visible in live published website. Below are your current settings:


    Current Number Of Columns are = 2

    Expand Posts Area =

    Gap/Space Between Posts = 10px

    Blog Post Style = card

    Use of custom card colors instead of default colors =

    Blog Post Card Background Color = current color

    Blog Post Card Shadow Color = current color

    Blog Post Card Border Color = current color

    Publish the website and visit your blog page to see the results

Photo used under Creative Commons from quariesofficial
© 2022 Roma G. Velasco LLC | Connect | About | Blog | Photos