Floating badge

  • Resolved cometto

    (@cometto)


    3 years, 3 months ago

    Hello,

    is it possible to make a badge to float like items from “floating” section in styles.

    Flating fits me perfect but there is just options to show slider with single reviews. I would like to replace it just with static badge (company name + rating).

    Is it possible?

    Thank you in advance

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support tomwolf

    (@tomwolfhun)

    Hello @cometto,

    Yes. A solution: create a floating <div> in your theme template or in a page and paste the shortcode into that block.

    A little webdeveloper help for you, if you do not familiar with creating HTML content:
    <div style="position: absolute; bottom: 10px; left: 5px; height: 110px; width: 280px; z-index: 99; border: 1px solid red;">Float content</div>

    Feel free to write to us, if you need further assistance,
    Tom
    Trustindex

    • This reply was modified 3 years, 3 months ago by tomwolf. Reason: typo
    Thread Starter cometto

    (@cometto)

    @tomwolfhun

    Hi, thanks for answer.

    • This reply was modified 3 years, 3 months ago by cometto.
    Thread Starter cometto

    (@cometto)

    @tomwolfhun

    Tom,

    further questions:

    I’m not sure if I named what I wanted to achieve correctly – I meant more about the “sticky” element so that it would be glued permanently when scrolling the page to the corner

    1. code i placed in “HTML before footer” section in my theme is:
    <div style=”position: fixed; bottom: 10px; left: 5px; height: 110px; width: 280px; z-index: 99; “>[trustindex no-registration=google]</div>
    (badge is displayed in bottom left corner)

    I chose the badge + show reviews by clicking (the bar comes out) but down – not up, so the views shown are cut off. Can you change the bar to go out from the top?

    2. the mobile version. The element added with your code is too big and covers a lot of space. Should I remove it by CSS? possibly, can this div be made to be displayed only on the desktop?

    • This reply was modified 3 years, 3 months ago by cometto.
    • This reply was modified 3 years, 3 months ago by cometto.
    • This reply was modified 3 years, 3 months ago by cometto.
    Plugin Support tomwolf

    (@tomwolfhun)

    Hello @cometto ,

    1. You should try the “Button VII. – with popup”. In this case a modal box will popup instead of dropping down

    2. Yes you can. Possibly your theme has settings to manage the display width variants:
    – display
    – tablet
    – mobile
    – and mixes
    If you cant find anything in yout theme (and its support cant help), you should try add something like this into your site’s CSS:

    /* On screens that are 600px or less, set the sticky box content to hald size */
@media screen and (max-width: 600px) {
  #sticky-box-id { zoom:0.5; }
}

    `

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Floating badge’ is closed to new replies.

Tags