space needed on corner badge

  • Resolved Trident Marketing Anglia Ltd

    (@tridentmarketing)


    5 months, 1 week ago

    Hi,
    I’m adding a badge to products – the badge has 3 lines, I’ve set it as wide as I need but the text sits over the top and right side.

    I’ve worked out in the css if I change 

    .asnp-esb-inner-span1-1

    to be width -10px and top to +10px then it sits perdectly, however is there a way to minus 10px from the width and add 10px to the top in the code?

    for example, the whole css is 

        position: absolute;
    z-index: 14;
    top: 4.02px;
    t-align: center;
    display: block;
    transform: rotate(45deg);
    left: 0px;
    right: ;
    width: 225px !important;

    but needs to be:

        position: absolute;
    z-index: 14;
    top: 14.02px;
    t-align: center;
    display: block;
    transform: rotate(45deg);
    left: 0px;
    right: ;
    width: 215px !important;

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

Viewing 1 replies (of 1 total)
  • Plugin Author AsanaPlugins

    (@asanaplugins)

    Hi @tridentmarketing

    Thank you for choosing our plugin.

    We apologize for the inconvenience.

    We found that you have added inline styles to the div and it is the way that you can change a style.

    The other way is to add the below CSS rule to your child theme style.css file.

    .asnp-esb-badge-element .asnp-esb-badge-1 .asnp-esb-inner-span1-1 {
    top: 14px !important;
    width: 215px !important;
}

    Please help us spread the word and boost our motivation with your 5-star review for the plugin. It is greatly appreciated.

    I hope it helps.

    Best Regards

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.