Technical Issue

  • Hello!

    There seems to be another technical issue with the theme on my site. On all the pages, if you scroll down, there is a random grey line. I don’t think the line is meant to be there. Could you help me fix it? Thank you for your time!

    Kind regards,

    The blog I need help with is: (visible only to logged in users)

  • Hello there,

    yes, I can see it.

    Short answer: change in your Custom CSS this rule, from this:

    footer {
        background: #efefef !important;

    to this:

    #colophon {
        background: #efefef !important;

    Large answer: In CSS you can apply a style to an element in your website selecting it by its class (.my-class), its identification (#my-id) or just the mane of the tag in HTML (footer, div, header, menu…).

    In that case the CSS is selecting all elements that are in the HTML that are “footer” and styling with a gray background. In this case, we will have the main footer (the webpage footer) but also de content footer. And we can have more footers (a widget footer for example).

    So in this case, to be ensure that this background only applies to the main webpage footer, let’s select it by its identification (which is #colophon) and its unique (it is not shared with others elements).

    Hope this helps :)

  • Thank you so much Ricardo! I really appreciate the help.

    Kind regards,

  • You are welcome :)

  • The topic ‘Technical Issue’ is closed to new replies.