Opaque backing behind blog posts, but not in product descriptions in store

  • Resolved eaec

    (@eaec)


    6 years, 5 months ago

    Hello, as the title says, I am trying to make the styles continuous between the blog portion and storefront / product descriptions on my site – the blog posts have an opaque backing that separates the text from the background image, but the product descriptions in woocommerce do not. I need copy that style into the product descriptions to make the them easier to read against the background image. Any help is appreciated. the site is https://www.eyeandearcontrolrecords.com/wp/.

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

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

    (@jessepearson)

    Automattic Happiness Engineer

    It looks like the easiest solution for you would be to remove the background of background: rgba(255,255,255,0.7); from .hentry and add it to #main, or just switch the element for the rule. The only downside here is the blog posts will no longer have a division between them: https://cld.wthms.co/MJ4VS7

    Thread Starter eaec

    (@eaec)

    Thanks for the reply – I know little about the css so if you could clarify – do i just remove the .hentry line altogether? And then how do I edit / where do I find #main? Thanks again. ELI5.

    • This reply was modified 6 years, 5 months ago by eaec.
    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    It looks like you have this rule in your css:

    
.hentry {
    background: rgba(255,255,255,0.7);
}

    If you were to replace .hentry with #main in this rule, it should do what you are looking to do.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Opaque backing behind blog posts, but not in product descriptions in store’ is closed to new replies.