FEU module CSS question [solved - sort of]

[studvicious]

Is it possible for me to change the CSS properties of the form for the login/logout page?

[JeremyBASS]

weird... I replyed once to this lol... computers lol... so yes you can...

look to your FEU templates... insert the class or id's you want...
attach a style sheet to the page templates that hold the forms.. hope that helps

[studvicious]

ok, thanks for the reply. So exactly where would I insert the class or IDs?

Code: Select all

<!-- Login form template -->
 <font size="-2"/>
 {$startform}
 {if $error}
  {$error}<br>
 {/if}
  <p>{$prompt_username} {$input_username}<p />{$prompt_password} 
  {$input_password}<p/>
 {if isset($captcha)}
  Enter the text shown: {$input_captcha}<p/>
  {$captcha}<p/>
 {/if}
  {if isset($input_rememberme)}
    {$input_rememberme} {$prompt_rememberme}<br/>
  {/if}
  <input type="submit" name="{$feuactionid}submit" value="{$mod->Lang('login')}"><p/>
  <a href="{$url_forgot}" title="{$mod->Lang('info_forgotpw')}">{$mod->Lang('forgotpw')}</a><br/>
  <a href="{$url_lostun}" title="{$mod->Lang('info_lostun')}">{$mod->Lang('lostusername')}</a></p>
{$endform}
  </font>
<!-- Login form template -->

[JeremyBASS]

but if you don't know about CSS then you should look here
http://www.w3schools.com/css/

[studvicious]

No, I'm very familiar with CSS I'm just having trouble figuring out where (or how) to put these. For example I've tried

Code: Select all

{$input_username class="whatever"}

and nothing happens. It's really fried my brain. 

[JeremyBASS]

{$input_username class="whatever"} that is a smarty thing... CSS is a styling and positioning rules... go to http://www.w3schools.com/css/
they have a great learning base... but like i stated before start with




the style are like (this is loacted in the style sheets)
.classname{
}
#idname{
}

[studvicious]

I understand the smarty thing and I didn't think that would work anyways and like I said I'm very experienced with CSS. Please take a sec and look at the FEU login template code that I pasted in my second reply. Where exactly would I put the code to style the input boxes? I have a feeling that it isn't possible this way but I hope that I'm wrong. Thanks for sticking with me on this.

[JeremyBASS]

sorry Dyslexic

No, I'm very familiar with CSS

I read it as  I'm no very familiar with CSS lol... I can come back to this in a bit...

[studvicious]

Thanks. I could use all the help I can get, I've been working on this for hours now. 

[studvicious]

I'm not sure why this got moved, it's not about CSS per se but whether or not it's even possible to change the form output of this module.

[Dr.CSS]

It was moved because you are asking a CSS ?...

If you want to target the input box...

Lang('login')}">

Lang('login')}">

Or whatever you want...

Or you can look in the source as a lot of times it will give an ID or class to the form from this {$startform}...

Then use the ID or Class #formid input {your style here}...

[studvicious]

Thanks for your patience and help Mark.

Looking at that code I could see how to style the login button (like in your example) but what has been killing me is the username and password box. The code for that is just smarty template stuff. Like this:

Code: Select all

 <p>{$prompt_username} {$input_username}<p />{$prompt_password} 
  {$input_password}<p/>

How would that work? I've tried looking at the source and I've looked all over and I can't seem to find that file that controls that. 

[studvicious]

ok. I re-read your previous post and I'll get that last part a try.

[Dr.CSS]

This is not what is in there really?...

{$prompt_username} {$input_username}{$prompt_password} 
  {$input_password}

You could give a class to the p then use it to target those input boxes...

[studvicious]

Weird. I didn't touch anything and low and behold the boxes went from plain white to yellow (just like I was wanting) without me doing ANYTHING. I have no idea how that happened but I'm glad it did!

I should probably go start a thread about a new car and then go check my garage later tonight.

Thanks everyone for the help!