10 Oct Edited #1

Login box style not showing

Advanced subscriber
Hello i have done the changes as per the instructions show below

[Image: xDx9vY6.png]

This the result i am getting

[Image: KCqpmoM.png]

Looking for your guidance Shade

Regards
Sappy
  • 1
  • 2
Shade 10 Oct
#2
Ensure your theme includes flyover.css stylesheet. You can add it manually if absent by copying the content from inc/plugins/Flyover/stylesheets/flyover.css.
sappy#1570 10 Oct
#3
thanks for your fast response
i already have it on my theme enabled by default
[Image: Oiaj4Xd.png]
Shade 10 Oct
#4
Do you have a board URL? It’s easier for me to look what’s wrong by having a direct look.
sappy#1570 11 Oct
#5
Sent u a pm Shade thanks :)
Shade 11 Oct
#6
Buttons should be wrapped in an element with the class "flyover". The default templates include a "div" with such classname. You have edited the templates to match your theme, but you have also removed the div. You can add the class to whatever DOM element you want.
sappy#1570 11 Oct
#7
this is my header_welcomeblock_guest_login_modal template

<tr>
    <td class="trow1" width="25%"><strong>{$login_username}</strong></td>
    <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
</tr>
<tr>
    <td class="trow2"><strong>{$lang->password}</strong></td>
    <td class="trow2">
        <input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
    </td>
</tr>
<tr>
    <td class="trow1">&nbsp;</td>
    <td class="trow1 remember_me">
        <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
        <label for="quick_login_remember">{$lang->remember_me}</label>
    </td>
</tr>
<tr>
    <td class="trow2" colspan="2">
        <div align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></div>
    </td>
</tr>
<flyover_login_box>
any specific template i need to change?

Regards
Sappy
Shade 11 Oct
#8
Flyover templates of course. flyover_login_box is the main one, and possibly the one you edited.
sappy#1570 11 Oct
#9
So i was checking the files from the original files

here is the code of orginal files
[Image: VdeaQhz.png]

and this is the code at my current theme.
<tr>
    <td class="trow2" style="text-align: center" colspan="2">
        {$lang->flyover_login_box_connect_with}
    </td>
</tr>
<tr>
    <td class="trow1 flyover" style="text-align: center" colspan="2">
        {$buttons}
    </td>
</tr>
Shade 11 Oct
#10
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.