Ribbon appears on title instead of image

  • Hi, when I enable the ribbon, it gets placed over the title instead of the image. I’m sure it’s just a matter of some css enhancement. I disabled it for now because it’s a live environment. I’m using the popular Flatsome theme.

    btw, I added translations for Dutch.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter johnny538

    (@johnny538)

    Solved by adding top: 300px; to the custom css section.

    Now a different issue appears. The ribbon is on top of other elements. For example when I open the drop-down menu of my site, the ribbon is still visible on top of the menu items.

    Plugin Author starblank

    (@starblank)

    Hi

    In the main CSS of the page (in Appearence -> Editor, not in the stickers plugin css) paste this:

    .box-new {
    z-index:5!important;
    }

    This should solve your problem. Please tell me if it works.

    I’ll fix this in next plugin release.

    Regards

    Edit: If you are using Unavailable or On Sale ribbon too, you should add:

    .box-nex, .box-unavailable, .box-sale {
    z-index:5!important;
    }

    Thank you very much for the translation and best regards

    • This reply was modified 7 years, 5 months ago by starblank.
    • This reply was modified 7 years, 5 months ago by starblank.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Ribbon appears on title instead of image’ is closed to new replies.