[SOLVED] SelfReg Template CSS

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
delve2013
Forum Members
Forum Members
Posts: 91
Joined: Thu Jan 31, 2013 4:23 pm

[SOLVED] SelfReg Template CSS

Post 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?
Last edited by delve2013 on Tue Dec 02, 2014 9:46 pm, edited 1 time in total.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: SelfReg Template CSS

Post 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.
JohnnyB
Dev Team Member
Dev Team Member
Posts: 731
Joined: Tue Nov 21, 2006 5:05 pm

Re: SelfReg Template CSS

Post 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"'}
"The art of life lies in a constant readjustment to our surroundings." -Okakura Kakuzo

--
LinkedIn profile
--
I only speak/write in English so I may not translate well on International posts.
--
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: SelfReg Template CSS

Post 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.
Post Reply

Return to “Layout and Design (CSS & HTML)”