WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Align text on footer widgets (3 posts)

  1. xondra
    Member
    Posted 6 months ago #

    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!

  2. rdellconsulting
    Member
    Posted 6 months ago #

    (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.

  3. xondra
    Member
    Posted 6 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.