solved fixed height div for social login box

iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
11 years ago
517 posts
I want to create a fixed height div for the social login box so that when viewer visits the login or signup page, it doesn't do this funky pop-down after the div loads.

What is the login.tpl?
TIA!
Brian
updated by @ilovehousemusic: 05/15/14 08:13:58PM
brian
@brian
11 years ago
10,149 posts
There is no login.tpl - it's rendered from a module view.

The DIV that the social login stuff appears in is called "oneall_social_login_container", so you should be able to add that ID to your skin's CSS:

#oneall_social_login_container {
    height:200px;
}

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
MAD
MAD
@madc
11 years ago
600 posts
http://getfirebug.com/ and Firefox. Too easy :)


--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion
brian
@brian
11 years ago
10,149 posts
MAD©:
http://getfirebug.com/ and Firefox. Too easy :)

Yep - I wish more developers knew about Firebug - saves a ton of time when you want to track down what class/ID is assigned to what elements.

Major time saver...


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
MAD
MAD
@madc
11 years ago
600 posts
Maybe @michael and his magnificent video skills could do a tute on using firebug?
I showed a client the other day the power of it, And he gave me a car....no sh$%
lol


--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion
brian
@brian
11 years ago
10,149 posts
MAD©:
Maybe @michael and his magnificent video skills could do a tute on using firebug?
I showed a client the other day the power of it, And he gave me a car....no sh$%
lol

I'm in the wrong business lol...


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
MAD
MAD
@madc
11 years ago
600 posts
Yeah but I spent 2 years training this guy...one of those ones that go ....thats too hard show me later...you get it
Showed him everything For free but he paid me for the work I did building his sites...He had such a passion to learn. If only he listened when i first starting teaching him....firebug...firebug...firebug lol


--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 04/01/14 08:02:32AM
michael
@michael
11 years ago
7,806 posts
MAD©:
Maybe @michael and his magnificent video skills could do a tute on using firebug?
I showed a client the other day the power of it, And he gave me a car....no sh$%
lol
If I do a video, anyone want to buy me a bike? Either of these would be great thanks

Honda NC700S:

Yamaha MT-09:
honda-nc700s-touring.jpg


updated by @michael: 04/01/14 11:01:52PM
michael
@michael
11 years ago
7,806 posts
heres the MT-09 (saw it on sunday at the Tokyo Motor Show 2014, great day.)
2014-Yamaha-MT-07.jpg
2014-Yamaha-MT-07.jpg  •  129KB


updated by @michael: 04/01/14 11:02:35PM
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
11 years ago
517 posts
MAD©:
http://getfirebug.com/ and Firefox. Too easy :)

Does firebug show you if the page is loading in a TPL? (honest question)
I don't mind editing the CSS, but my understanding is it will get overwritten if updated by JR in the marketplace. Thus the tpl (and over-ridng it) was my first look.

Thanks!
updated by @ilovehousemusic: 04/02/14 02:33:11PM
michael
@michael
11 years ago
7,806 posts
Actually Firebug is mentioned in this video:

"Development Tools the Jamroom Team uses"
Development Tools the Jamroom Team uses

From about 3:20

iLoveHouseMusic:Does firebug show you if the page is loading in a TPL? (honest question)

firebug can only help you with the output to the screen. It will not know anything that happened on the server to form the html.
MAD
MAD
@madc
11 years ago
600 posts
If you truly want to edit your site with full control, You should clone the skin and edit the TPL and CSS exactly the way you want it.
Firebug as @michael said will just guide you to what you should edit.
But if you are using a template that may/will be updated you either clone the skin with no fear of losing your updates
OR
Add your own css file at the end of the css file calls in the templates include.php file which you will have to add your call in that file on any update if that is modified
(Template edits should be added in the ACP if this is the case)

Eg. Your Current Skin
Edit in the skin folder the include.php file and add something like

    jrCore_register_module_feature('jrCore','css','YourSkinName','myown.css');

Add that right before the

  return true;
}

Then you can add whatever styling or overrides you want with very little effort to add one line of code (as above ) into the include if you update as the stacking order should put it last.


--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
11 years ago
517 posts
MAD©:
If you truly want to edit your site with full control, You should clone the skin and edit the TPL and CSS exactly the way you want it.
Firebug as @michael said will just guide you to what you should edit.
But if you are using a template that may/will be updated you either clone the skin with no fear of losing your updates
OR
Add your own css file at the end of the css file calls in the templates include.php file which you will have to add your call in that file on any update if that is modified
(Template edits should be added in the ACP if this is the case)

Eg. Your Current Skin
Edit in the skin folder the include.php file and add something like

    jrCore_register_module_feature('jrCore','css','YourSkinName','myown.css');

Add that right before the

  return true;
}

Then you can add whatever styling or overrides you want with very little effort to add one line of code (as above ) into the include if you update as the stacking order should put it last.

My site skin is cloned. I like the approached you've shown here as well. Thanks!

Tags