• Hi,

    At my website [Moderated: Redundant link removed], at the very end. There is a text that is above a white line.

    I want it to be below the white line.

    How do i go about to get this done? Is there any simple trick or CSS code?

    Thanks 🙂

    • This topic was modified 3 years, 10 months ago by t-p.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi, loppisinorge, I’m another Twenty Twenty-One theme user.

    If you want to add the text below the white line, you need to modify the twentytwentyone/footer.php file.

    Thread Starter loppisinorge

    (@loppisinorge)

    Ian, thanks for answering!

    I’ll try this as soon as possible. Got any idea what you need to modify and how? 🙂

    Hi, loppisinorge, I should clarify that you should not modify the existing files, but instead create a child theme and override the file I mentioned earlier.

    Moderator Kathryn Presner

    (@zoonini)

    Hi there @loppisinorge, I don’t think it’s necessary to edit the theme files or make a child theme for this change. Instead, you could try adding this custom CSS to Appearance > Customize > Additional CSS to hide the existing white border and add a new one above your widget text:

    
    /* Add border above block 16 (copyright) */
    #block-16 {
      border-top: 2px solid #ffffff;
      padding-top: 10px;
    }
    /* Hide border above footer */
    .site-footer > .site-info {
      border-top: none;
    }

    Or, instead of that, you could remove the copyright widget and then add the copyright line below the existing white border this way:

    .site-info::after {
      content: "Snittkalkulator 2022 © – For Norske høyskoler & universiteter";
      display: block;
      margin: 0 auto;
    }

    Let me know if one of these methods does the trick.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Footer text’ is closed to new replies.