Technical Issue

  • Author
    Posts
  • #163295

    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,
    Isha

    The blog I need help with is aroraangles.com.

    #163301

    ricardpriet
    Theme Author

    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 :)
    Best,
    Ricardo

    #163320

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

    Kind regards,
    Isha

    #163321

    ricardpriet
    Theme Author

    You are welcome :)

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