Add image as background on ribbon

  • Resolved Mvebarle

    (@mvebarle)


    9 years, 4 months ago

    Is it possible to add an image as background on the ribbon sections? And also keep the color but just make it more transparent above the image? If so, can you please share the code?
    Thanks!

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

    (@alexandrastan001)

    Hi,

    Unfortunately the theme doesn’t support this customisation and as much as I would love to help with some custom code, this is beyond the support offered for the free products, which consist in bug fixing and theme documentation.

    Best regards,
    Alexandra

    lloydo3000

    (@lloydo3000)

    The green ribbon is section.separator-one and the red ribbon is section.purchase-now

    You can use these to add a background image using CSS, but it will replace the colour.

    To have a colour overlaid on top of an image, the colour needs to be in a separate element (a child of the parent with the image). E.g.

    <section>
    <div>
        content of ribbon
    </div>
</section>

    To edit this code, you need to make a child theme and edit your version of front-page.php

    Are these .php files, because I don’t have these… neither is this description in the front-page.php…

    The green ribbon is section.separator-one and the red ribbon is section.purchase-now

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add image as background on ribbon’ is closed to new replies.