Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 10, 2017 at 11:18 pm #837190
    uUSA

    Hi guys,

    I’m using the LayerSlider to show products on a landing page and all of these products have a ®. To superscript the ® I’ve used the <sup> tag. Now I’d like to adjust the size and position of the ®. Therefore I used the following code in the LayerSlider CSS Editor.

    .ls-layers sup {
    font-size: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.75em;
    }

    Unfortunately, it doesn’t work… Any ideas?

    Thanks!

    August 10, 2017 at 11:33 pm #837196
    Jordan Shannon

    Hey uUSA,

    Please provide a link to the admin section so we can try to workout the css for this.

    Best regards,
    Jordan Shannon

    August 10, 2017 at 11:45 pm #837201
    uUSA
    This reply has been marked as private.
    August 11, 2017 at 12:42 am #837227
    Jordan Shannon

    Hi,

    I logged in and added the following to quick css:

    .ls-layers sup {
    font-size: 30%!important;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -20px!important;
}

    This in fact worked for me. Please view it in the browser.

    Best regards,
    Jordan Shannon

    August 11, 2017 at 11:01 pm #837672
    uUSA

    That works! Thanks so much!

    August 11, 2017 at 11:28 pm #837674
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change style of tag in layerslider’ is closed to new replies.