Grey background around title of shop page

  • Resolved Gaurav Henry

    (@gauravhenry)


    4 years, 7 months ago

    Hi,

    I need help with removing the ugly grey area around my shop title and body. I set my shop page to the home page and added some content below the header widget. You would see an ugly grey area around the title and the body.
    I have tried a lot of additional CSS to fix it, but nothing worked so far. Please help!
    Thanks in advance.

    Henry

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

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

  • I see two CSS rules which are affecting it.
    1:

    
.main > .loop-meta-wrap.pageheader-bg-default, .main > .loop-meta-wrap.pageheader-bg-stretch, .main > .loop-meta-wrap.pageheader-bg-both {
	background: #dfdfdf;
	color: #000000;
}

    This is an inline style within these tags when looking at the source code:

    
<style id='hootdu-hootkit-inline-css'>
.. (removed for length) ..
</style>

    If I disable this style taking effect, the then background color gets its style from the theme’s style.css it looks like:

    
.main > .loop-meta-wrap.pageheader-bg-both, .main > .loop-meta-wrap.pageheader-bg-default, .main > .loop-meta-wrap.pageheader-bg-stretch {
	background: #3e3e3e;
	color: #fff;
}

    If I disable that style then the background changes to white. So, either change it in the hootkit css whatever that is or just remove it and change the style within the theme’s style.css.

    Anyway, that’s what is causing the grey background.

    Thread Starter Gaurav Henry

    (@gauravhenry)

    Mark you’re amazing!! That fixed it..thank you so much mate!! You’re the best!

    Thread Starter Gaurav Henry

    (@gauravhenry)

    This has been fixed, and I was struggling for days! Can’t thank you enough Mark

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grey background around title of shop page’ is closed to new replies.