How do I get my theme to display price and heading

  • Resolved horsemansshop

    (@horsemansshop)


    5 years, 4 months ago

    I hope this is the right place to ask this.
    I have Galleria theme on my site and it is fine but I would like to get the product pictures on the home page to also display the product name and the price.

    Currently this only happens when you hover over the image. I would like it there all the time.

    Can someone help me please.
    Joanne

    • This topic was modified 5 years, 4 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Miha Omejc

    (@mihaomejc)

    5 years, 4 months ago

    You could add this css to your theme:

    @media screen and (min-width: 768px) {
    .site-main ul.products li.product .g-product-title, .smm-mega-menu ul.products li.product .button, .smm-mega-menu ul.products li.product .g-product-title {
        position: relative;
        opacity: 1;
    }
    .site-main ul.products li.product .button {
        display: none;
    }
}
    Thread Starter horsemansshop

    (@horsemansshop)

    5 years, 4 months ago

    @mihaomejc thats fantastic. Can you tell me how to reverse the colours please.

    Showing as white writing in a Black box would like black writing on transparent background

    If it was possible to have the text “Click for more details” show on hover that would be wonderful.

    • This reply was modified 5 years, 4 months ago by horsemansshop.
    Miha Omejc

    (@mihaomejc)

    5 years, 4 months ago

    Replace previous code with:

    @media screen and (min-width: 768px) {
    .site-main ul.products li.product .g-product-title, .smm-mega-menu ul.products li.product .button, .smm-mega-menu ul.products li.product .g-product-title {
        position: relative;
        opacity: 1;
    }
    ul.products li.product:not(.product-category) .g-product-title, ul.products 
    li.product:not(.product-category) .g-product-title h3, ul.products 
    li.product:not(.product-category) .g-product-title h2, ul.products 
    li.product:not(.product-category) .g-product-title .woocommerce-loop-category__title {
        background-color: transparent;
        color: #000;
    }
    ul.products li.product .g-product-title .price {
        color: #000;
    }
    a:not(.button).woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        text-decoration: none;
    }
}
    • This reply was modified 5 years, 4 months ago by Miha Omejc. Reason: code style
    Thread Starter horsemansshop

    (@horsemansshop)

    5 years, 4 months ago

    (@mihaomejc) thank you so much this works beautifully. Your help is very much appreciated.

    thank you 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I get my theme to display price and heading’ is closed to new replies.