RocketTheme - TOPIC: (solved)Changing the css of only the login module (1/3)

Welcome Guest! Login

0 items Join Now

- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- Right now my login module is default and on the smaller side..i want to make it very big because i plan to use only some text and a login module on the right..
  These are the login module css styles i found
  input.button
  input.inputbox
  
  input#mod_login_username
  inputmod_login_password
  input#mod_login_remember
  
  I have achieved what i wanted but now my question is that the text inside that like 'username' 'password' etc is still old styled text and if i change it the entire pages text changes..i was wondering how i can change text for only the login module
  
  Any help would be really appreciated
- Last Edit: 17 years 5 months ago by Theozard.
#78988
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- Can you provide a link?
- James Spencer / Developer & Support / Hull, UK
#78993
- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- Sorry..i am still modifying the template so have not put it live but here is the template i am using
  www.marcon.mamplates.net/
#78995
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- Support for another template club - shocking......
  
  You can change the colour of the text (to take an example) of the text you type into the fields by using the following
  input#mod_login_username,
  inputmod_login_password{
  color:#fc0;
  }
- James Spencer / Developer & Support / Hull, UK
#79004
- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- I did that...but i want to change the text above the fields which is 'username' and 'password'
  How do i do that?
#79012
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- You will need to edit the module php file itself so you can add css to it.
  
  Is that a pixelparadise login module or just default?
- James Spencer / Developer & Support / Hull, UK
#79021
- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- default
#79024
- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- hey james..i checked the module.php file..could not really find much..could you possibly give me some indication on how i can do this or link me to some site which shows how to
  Would really help
#79035
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- Try this
  
  1. Open mod_login.php
  2. Find
  <label for="mod_login_username">
  <label for="mod_login_password">
  3. Change to
  <label for="mod_login_username" class="mod_login_username">
  <label for="mod_login_password" class="mod_login_password">
  
  Now you can use the CSS
  
  label.mod_login_username{
  }
  and
  label.mod_login_password{
  }
- James Spencer / Developer & Support / Hull, UK
#79124
- Theozard
- Rocketeer
- Posts: 53
- Thanks: 0
Re: SOLVED Changing the css of only the login module

Posted 17 years 5 months ago
- This works..Thanks
#79249