Your address will show here +12 34 56 78

This topic contains 2 replies, has 2 voices, and was last updated by  Mag 3 years, 9 months ago.

  • Author
    Posts
  • #19096

    Mag

    Hello,

    Having a little issue with the custom ribbon classes. I added labels through theme options (Available, Rented, Sold, New, Hot)

    Tried adding the following code

    .ribbon-wrapper-new { 
        background-color: #71BACF; 
    }
    .new { 
        padding-top:17px 
    }

    first in customm css box as in the help files, that did not have any effect, then in child css, and finaly straight into the core css, but the label still uses the dafault settings 🙁

    Am I missing something obvious? Do I need to manually add the new labels somewhere in php?

    Cheers.

  • #19115

    Anna
    Keymaster

    Hi Mag

    Thank you for the email.

    The CSS for your labels should be like this (replace “new” with you property status names:

    .ribbon-wrapper-Available {
    background-color: #71BACF;
    }
    .Available {
    padding-top:17px
    }

    .ribbon-wrapper-Rented {
    background-color: #71BACF;
    }
    .Rented {
    padding-top:17px
    }

    .ribbon-wrapper-Hot {
    background-color: #71BACF;
    }
    .Hot {
    padding-top:17px
    }

    .ribbon-wrapper-Sold {
    background-color: #71BACF;
    }
    .Sold {
    padding-top:17px
    }

    .ribbon-wrapper-New {
    background-color: #71BACF;
    }
    .New {
    padding-top:17px
    }

    Capslock matters (if your labels have caps, the CSS must have as well.

    Please let me know if you need my help with this.

    Thank you
    Anna

  • #19131

    Mag

    Lovely, thank you very much. Didn’t even cross my mind to try that – so obvious 😉

You must be logged in to reply to this topic.