Adding a banner image under Featured Products (Homepage)

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • 5iveFourty5
    Mini Mivite

    • Oct 2019
    • 15

    #1

    Adding a banner image under Featured Products (Homepage)

    I have a question regarding the {featured.products} section on the Colossus homepage.

    Where do I go to update the solid color above the products to a banner image?


    I thought it was under [featured_products] under Ready Themes > Content Sections, however, I am unsure.

    Thank you for any help.
  • Matt Zimmermann
    Mega Mivite










    • Apr 2008
    • 2482

    #2
    You are correct. To change the background color, you would change the background color utility class by navigating to ReadyTheme -> Content Sections -> featured_products:
    Code:
    <div class="u-bg-black u-color-white u-text-center t-storefront-featured-product-description">
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    • 5iveFourty5
      Mini Mivite

      • Oct 2019
      • 15

      #3
      What's the code to make this from a solid color into an image like the screenshot below?Screen Shot 2019-11-10 at 8.04.49 PM.png

      Comment

      • Matt Zimmermann
        Mega Mivite










        • Apr 2008
        • 2482

        #4
        To make that change, you would add a background-image to the .t-storefront-featured-product-description class in your theme-styles.css file.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment

        Working...
        X