Flyover icons not appearing

11 Jan Edited
#1
This issue is marked as solved
Hi all!

I just got flyover working with after having another issue. (https://www.mybboost.com/thread-unable-t...-sql-error) But the icon's of the integrations don't show.

[Image: mhYUQIp.png]


They do however show in the adminCP

[Image: JiWrxs5.png]

The flyover.css is in my theme. The icons are not showing in the MyBB default theme either:

[Image: trfqDAr.png]

This is how my header_welcomeblock_guest_login_modal looks like:

<tr><td></td></tr>
<tr>
    <td class="trow1 white-bg nopd-tb no_bottom_border">
        <input name="quick_username" id="quick_login_username" type="text" placeholder="Username" class="textbox initial_focus lgn" style="width: 272px; font-size: 14px;" />
    </td>
</tr>
<tr><td></td></tr>
<tr>
    <td class="trow1 white-bg nopd-tb no_bottom_border">
        <input name="quick_password" id="quick_login_password" type="password" placeholder="Password" class="textbox lgn" style="width: 272px; font-size: 14px;" />
    </td>
</tr>
<tr>
    <td class="trow1 remember_me white-bg no_bottom_border">
        <div class="float_left">
            <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
            <label for="quick_login_remember" class="smalltext">{$lang->remember_me}</label><br />
        </div>
        <div class="float_right" style="margin-top: 2px;">
            <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password smalltext">{$lang->lost_password}</a>
        </div>
    </td>
</tr>
<tr>
    <td class="trow2 white-bg" colspan="2">
        <input name="submit" type="submit" class="button lgn-btn float_right" value="{$lang->login}" style="margin-top: 6px;" />
    </td>
</tr>

<flyover_login_box>
I have noo success when putting the <flyover_login_box> in a table or div with class "flyover" either as suggest here: https://www.mybboost.com/thread-login-bo...ot-showing

Well "tr"s elements and table-related children can't work without a parent "table" element. I suppose your theme is tableless or you have put <flyover_login_box> variable, which is replaced with the homonym template, in a place without a parent table.

You can either wrap <flyover_login_box> in a table where you want it to be displayed, or replace trs and tds with a "div" for example. This is unfortunately basic styling, CSS and HTML markup, and can't help you further as I do not have sufficient time to dedicate such basic questions. I suggest you to find a competent and skillful designer/coder or learn the aforementioned markup languages on your own.
Shade (11 Oct 2019)
Solution (Love u @Shade <3):

Seems like your theme does not cache stylesheets properly, so most stylesheets are packed together in the css.php file. Flyover's stylesheet uses the @import rule which needs to be put up top, as the very first rule. Try to rebuild the cache from the ACP, and if it still doesn't work, save flyover.css in your current theme, this should rebuild the internal cache.
Shade (11 Jan)






Thanks in advance!

Best answer

Shade 11 Jan Edited
Seems like your theme does not cache stylesheets properly, so most stylesheets are packed together in the css.php file. Flyover's stylesheet uses the @import rule which needs to be put up top, as the very first rule. Try to rebuild the cache from the ACP, and if it still doesn't work, save flyover.css in your current theme, this should rebuild the internal cache.
Hugo likes this post

All replies

Shade 11 Jan
#2
Icons are generated through FontAwesome, which is included in flyover.css. There might be some import issues which I can't really debug without a board URL (and the one you already gave me does not seem to have Flyover enabled).
Hugo 11 Jan
#3
Icons are generated through FontAwesome, which is included in flyover.css. There might be some import issues which I can't really debug without a board URL (and the one you already gave me does not seem to have Flyover enabled).
Shade (11 Jan)
Thank you for your quick reply, the website I provided trough PM does have Flyover disabled. You might've just looked when I disabled it temporarily. I will keep it enabled pending your response.

Thanks!
Shade 11 Jan Edited
#4
Seems like your theme does not cache stylesheets properly, so most stylesheets are packed together in the css.php file. Flyover's stylesheet uses the @import rule which needs to be put up top, as the very first rule. Try to rebuild the cache from the ACP, and if it still doesn't work, save flyover.css in your current theme, this should rebuild the internal cache.
Hugo likes this post
Hugo 11 Jan
#5
Seems like your theme does not cache stylesheets properly, so most stylesheets are packed together in the css.php file. Flyover's stylesheet uses the @import rule which needs to be put up top, as the very first rule. Try to rebuild the cache from the ACP, and if it still doesn't work, save flyover.css in your current theme, this should rebuild the internal cache.
Shade (11 Jan)
Moving up Flyover's style-sheet to be second and rebuilding the caches did the trick. Thanks a lot for the amazing support within such a short period of time in the weekend. The service here is truly amazing. Thanks a lot!