• Greetings! I noticed that the footer widgets are center aligned. I wish to change this but nothing seems to work. I tried adding style code into the “text widget” but it would never save the text I input there after logging off from the dashboard. Does anyone know how to align the text in the three footer widgets? Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • (color).css code is:

    footer#footer p, footer#footer a {
      color: #FAFAFA;
      font-size: 11px;
      line-height: 21px;
      margin-bottom: 2px;
      text-align: center;
    }

    The text-align can be left-center-right.

    The 3 areas are:

    .colophon .social-block {...}
    .colophon .credits {...}
    .colophon .backtop {...}

    I’m assuming you mean the standard Footer, not the Widgets I suggest in this Snippet.

    Thread Starter xondra

    (@xondra)

    I copied the code for the footers from the skin’s css file and pasted it on “custom css” in the customizit section of the theme.

    footer#footer {
    color: #fafafa !important;
    border-top: 12px solid #e9eaee;
    background: #5a5a5a;
    padding: 0px;
    }
    .footer-widgets {
    padding: 20px 0px 20px;
    }
    footer#footer p,
    footer#footer a {
    font-size: 11px;
    line-height: 21px;
    color: #fafafa;
    margin-bottom: 2px;
    text-align: left;
    }
    footer#footer h3,
    footer#footer h4,
    footer#footer h5,
    footer#footer h6 {
    font-size: 22px;
    line-height: 26px;
    color: #fafafa;
    text-align: left;
    text-shadow: 0px 0px 0px white;
    }
    footer#footer .colophon {
    margin-top: 0px;
    background-color: white;
    padding: 10px 20px;
    }
    footer#footer .colophon a,
    footer#footer .colophon p {
    color: #5a5a5a;
    }
    footer#footer .colophon a.back-to-top {
    color: #5a5a5a;
    }
    footer .widget_recent_entries li:after {
    border-bottom: none;
    }
    footer ul,
    footer ol {
    margin: 0 0 10px 0px;
    }

    Seems to work

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align text on footer widgets’ is closed to new replies.