Help removing horizontal black lines and adding address in footer on Yoko

  • Unknown's avatar

    Hi!

    I’m trying to remove the horizontal black lines that separate the different sections in the yoko design.

    achildsjourneyschool.com is the url.

    I’d also like to add the school’s address and phone number to the footer and have it and the existing text there centered. I’ve tried a few things, but it’s not working. Please help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    This is the code that I tried:

    #footer .wrap:before {
    text-align: center;
    content: “11711 124th Ave NE, Kirkland WA 98034 | (425) 821-6332”;
    font-weight: bold;
    }

    .credit {
    text-align: center;
    font-weight: normal;
    }

  • Unknown's avatar

    Hi there, to get rid of all the black lines, add this to your custom CSS.

    #wrap, #content .post, #content .page, #secondary, aside.widget {
        border: none;
    }

    For the footer addition and centering, this should get it for you. I set a line height to space your text away from the existing credits a little, and also added a font size declaration. If you don’t want to increase the font size, you can delete that line.

    #colophon {
        text-align: center;
    }
    #colophon:before {
        content: "11711 124th Ave NE, Kirkland WA 98034 | (425) 821-6332";
        font-weight: 700;
        text-align: center;
        line-height: 30px;
        font-size: 120%;
    }
  • Unknown's avatar

    You are my new best friend. Thank you so much for your help. :)

  • Unknown's avatar

    You are welcome, friend. :)

  • The topic ‘Help removing horizontal black lines and adding address in footer on Yoko’ is closed to new replies.