Odd Rectangle Appearing Above Text

  • colemanconstructiontuscaloosa

    (@colemanconstructiontuscaloosa)


    1 year, 2 months ago

    Hello,

    There is this small white rectangle shape that is showing above the text on each page. It only shows on mobile or tablet, but not desktop. I would like to remove it if possible. It’s also not on the home page or in any of the panels. Thanks!

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

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

    (@kzncraig)

    1 year, 2 months ago

    This white rectangle appears to be squished tiny text (page title).

    It is because you have this rule in your CSS:

    h1 {
    background-color: #003306;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: -5px;
    }

    Remove the font-size and letter-spacing rules to fix the problem.

    Thread Starter colemanconstructiontuscaloosa

    (@colemanconstructiontuscaloosa)

    1 year, 2 months ago

    Thank you so much! I’m still learning my way around CSS. I’ve looked in both my Theme File Editor Additional CSS and Custom CSS and I can’t seem to find this to change it. Is it under a certain number under the File Content?

    KZNCraig

    (@kzncraig)

    1 year, 2 months ago

    Not sure where this CSS is but you can override it by adding this to your Custom CSS

    .entry-title {
     font-size: 36px !important;
    letter-spacing: initial !important;
    text-align: center;
    }

    Adjust font size, etc as needed.

    Thread Starter colemanconstructiontuscaloosa

    (@colemanconstructiontuscaloosa)

    1 year, 2 months ago

    Thank you so much! I appreciate your help.

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

The topic ‘Odd Rectangle Appearing Above Text’ is closed to new replies.