• Hi,

    I just want to add a container as a footer, like roughly 200 pixels high or so, im struggling to find out how to do it.

    I Also want to center my menu bar, align:center; in the .menu part of the style.php doesnt work. Im really just trying to guess some of the codes X(

    my website url is

    https://afterglowsanctuary.com.au

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you need a container for the footer? Can you not just use <div id="footer" as the container?

    Thread Starter KristyG

    (@kristyg)

    I see this <div id=”footer” but in my footer.php it says

    <div id=”footer” “class=clearfix”>

    Am I supposed to change that?

    To add any div element like footer.
    1. Open footer.php page from your themes folder
    2. Create/start the container div, place your content as per requirement under this div and close it.
    3. And define their style in style.css as per your requirement
    e.g.

    <div class=”container_example”>
    <!– Your Code Here –>
    </div>

    <div id=”footer”>
    </div>

    Steps to fix your menu style:
    1. Open your style.css file which is under your themes folder
    2. Remove “width:1100px;”
    3. Make “font-size:14px;” under “.menu a” style block.

    Thread Starter KristyG

    (@kristyg)

    Okay, so I was able to translate you wrote above about adding the div element folder. thanks!

    But..! I dont want to reduce the size of the menu text, otherwise you cant even read it. Maybe I will change the font, but I just want to slide it over a little. If I take away the 1100px then the menus begin to stack, and I just want it on one level.

    Im also now faced with the same problem with the footer.

    Is there another way to solve the problem?

    Thanks!

    if you dont want to reduce the font-size, try reducing the left and right padding in the style of .menu a
    for instance from 0.9em to 0.6em

    If you will reduce left and right space it will unbalanced your site design. So, as per my suggestion you should reduce your font size.

    Change the font size once then you will see it is readable. I have done this on my system and the navigation with 14px was looking pretty.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding a footer container’ is closed to new replies.