Adding a border around website

Community Forums Forums Design Tips and Tricks Adding a border around website

This topic is: not resolved


This topic contains 3 replies, has 1 voice, and was last updated by  jazzybazz 2 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #51706


    Here is my website:
    I am using the enterprise theme.
    I want to add a border around the website, similar to this:

    The first thing I did was remove the background in the middle that comes with the enterprise child theme (to see how it looks before this modification, see here I did this by commenting out these lines in styles.css:
    #home-top-bg {
    background: url(images/home-top.png);

    I have then created a container class, in styles.css:
    .container {width:960px;
    margin:0 auto 0 auto;
    border:1px solid #cccccc;
    background:#ffffff; }

    Now I know I have to include the entire website between <div id=”container”> </div> but I am not sure where to do this.

    Is my approach correct? Any help will be appreciated. Thank you very much.


    Alright, I have managed to get the look I want. I edited the wrap class in styles.css. The only thing that needs to be fixed is that I need to include the sidebar footer and footer-widgets inside the wrap.

    Any guidence will be appreciated, thank you very much.



    If I do this:
    remove_action( ‘genesis_before_footer’, ‘genesis_footer_widget_areas’ );
    add_action( ‘genesis_after_loop’, ‘genesis_footer_widget_areas’ );

    footer-widgets is outside the wrap. any hook after genesis_after_loop and it is outside the wrap.

    Now if I do this (the hook just before genesis_after_loop)
    remove_action( ‘genesis_before_footer’, ‘genesis_footer_widget_areas’ );
    add_action( ‘genesis_after_endwhile’, ‘genesis_footer_widget_areas’ );

    footer-widgets completely dissapear.

    any ideas why?

    • This reply was modified 2 years, 1 month ago by  jazzybazz.
    • This reply was modified 2 years, 1 month ago by  jazzybazz.


    I have managed to fix the footer-widget area. The solution was to manually hook 3 opening <divs>. It seems like the theme wasn’t coded properly.

    Last thing to fix is the widgetized footer. ( ) I don’t know what name I need to use for add_action and remove_action.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.