Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3134
    evabigtree
    Participant

    http://mimigoss.com/wordpress/

    Hi

    I’m using simple catch pro. I want to shorter the footer for my website. for now, it looks a little too high. is it possible to make the footer message into 2 lines so that the footer wont take that much space on the bottom?

    Thank you so much 🙂

    #3137
    Sakin
    Keymaster

    @evabigtree: Add the following css in your “Custom CSS” box in Theme Options

    #site-generator .copyright {
    width: 80%;
    }
    #site-generator .powered-by {
    width: 20%;
    }

    #3175
    evabigtree
    Participant

    Hi Sakin,

    Thank you so much for your help. i tried the code you gave me, but the footer message is still the same. it didnt change.  The code below is the changes that i made for the website, i put the change for the footer in the end. did i do anything wrong? i even tried the change to the percentage, but the width of the footer is still the same.

    #access {
    border:1px solid #a52a2a;
    background-color:#a52a2a
    }
    #access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a {
    background-color:#444;
    }
    #access ul li ul li a:hover, #access ul li ul li:hover > a {
    background-color:#444
    }
    #branding {
    background: none left #fff;
    }
    #access .menu-header-container ul li a {
    color: #fff;
    }
    }#site-generator .copyright {
    width: 80%;
    }
    #site-generator .powered-by {
    width: 20%;
    }

    #3180
    Sakin
    Keymaster

    @evabigtree: Yes there is extra bracket. It should be as below:

    #access {
    border:1px solid #a52a2a;
    background-color:#a52a2a
    }
    #access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a {
    background-color:#444;
    }
    #access ul li ul li a:hover, #access ul li ul li:hover > a {
    background-color:#444
    }
    #branding {
    background: none left #fff;
    }
    #access .menu-header-container ul li a {
    color: #fff;
    }
    #site-generator .copyright {
    width: 80%;
    }
    #site-generator .powered-by {
    width: 20%;
    }

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘shorter Footer space’ is closed to new replies.