Changing WordPress Footer Dimensions – CSS

I’m trying to tweak the footer of a WordPress theme but to no avail. Here is the code for the footer in CSS:

.wrapper-footer {
  background-color: #222328;
  padding: 2.5em; }
  .wrapper-footer .widget-footer-title {
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 0.075rem;
    margin-bottom: 2rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.6); }
  .wrapper-footer .widgets-footer ol,
  .wrapper-footer .widgets-footer ul {
    margin: 0 0 1.75em;
    padding: 0;
    list-style: none; }
    .wrapper-footer .widgets-footer ol li,
    .wrapper-footer .widgets-footer ul li {
      padding: 0.250em 0; }
      .wrapper-footer .widgets-footer ol li a,
      .wrapper-footer .widgets-footer ul li a {
        color: #FFF; }
        .wrapper-footer .widgets-footer ol li a:hover,
        .wrapper-footer .widgets-footer ul li a:hover {
          color: #685d9f; }

footer .site-info.bottom-footer {
  border-top: 1px solid;
  padding-top: 2.250em;
  margin-top: 2.250em; }

I have tried changing any of the values and I still get no differences. Here’s an image of what the footer actually looks like.

Footer Screenshot

What I want is to reduce the space between the different widgets and make the whole footer a lot more compact.

Thanks so much for your help!


Read more here: Changing WordPress Footer Dimensions – CSS

Leave a Reply

Your email address will not be published. Required fields are marked *