Page 1 of 1

[SOLVED] SelfReg Template CSS

Posted: Tue Dec 02, 2014 5:52 pm
by delve2013
I'm using the standard Self Registration module front end template which is very limited in what I can do to it using CSS. For example my template has select boxes with drop downs from where you can choose your date of birth. When viewing the source in firebug these select boxes have no id or class so I can't style them and make them look neat. At the moment day, month and year are 100% width of their parent container and look ugly.

Also the labels for each field can't be targeted by CSS as they are not placed within <label></label> tags, can someone provide some help on these issues?

Re: SelfReg Template CSS

Posted: Tue Dec 02, 2014 7:45 pm
by velden
You can change the template to your needs don't you? At least you can add (containers with) ids and spans I guess.

Re: SelfReg Template CSS

Posted: Tue Dec 02, 2014 9:05 pm
by JohnnyB
In the past, I've used the replace modifier to add stuff that I need.
You'll need to test, but you can try something like this:

{$control->control|replace:'type="checkbox"':'type="checkbox" class="mycheckbox"'}

Re: SelfReg Template CSS

Posted: Tue Dec 02, 2014 9:20 pm
by velden
But that wouldn't be much different from
<span class="mycheckbox-container">{$control->control}</span>
would it?
Which makes it less 'expensive' I guess.