You need to Register for free and Login to post a message in the forum.

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: Radio Button List & Checkbox Font Size
Prev Next
You are not authorized to post a reply.

Author Messages
soupy6667
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:21
02 Jun 2008 5:53 PM  
Hi Lee,

I have used H2O from www.onyaktech.com to design a Student Enrolment Form.

http://www.intertag.com.au/StudentEnrolmentForm/tabid/95/Default.aspx

The thing is that I want to change the font size of the Radio Button Lists and Checkboxes. Chris from onyaktech has informed me that I need to update the skin.css file.

Do you have any ideas of where in the skin.css I need to be looking?

I can't find any info anywhere and I'm beginning to become frustrated.

Thanks.

Andrew
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2368
02 Jun 2008 7:24 PM  
You'll probably want to review these tutorials:


What you need to do is find the classes for IDs that style the objects of interest.  You can do this with the Web Developer's Toolbar that is demonstrated in the "Troubleshooting" tutorial.  Then you'll need to open up the skin file and either change or insert the styles that you need to change.

If that's not enough of a pointer, ask again.
Joe Craig
DNN Creative Support
Subscribe to the website
soupy6667
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:21
07 Jun 2008 5:07 AM  
Hi Joe,

OK. I've spent about 4 hours and I am having no luck at all. It is becoming very frustrating.

I have reviewed the tutorials as you suggested and they helped to a degree except I cannot find how to adjust the font size for the radio buttons and check boxes.

Can you point me in the right direction.

Thanks.

Andrew
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2368
07 Jun 2008 8:43 AM  
Have you identified the IDs that go with those items?


Joe Craig
DNN Creative Support
Subscribe to the website
soupy6667
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:21

 I get this:

08 Jun 2008 5:38 PM  

Hi Joe,

Using FireFox and the developer toolbar as described in the video I have looked at the 'ID & Class Details'.

1. Employment Details
Which of the following categories best describes your current employment status?
Select One

#dnn_ctr526_H2O_ctl00_h2oCell_23_0
#dnn_ctr526_H2O_ctl00_h2oCell_23_1
#dnn_ctr526_H2O_ctl00_EmployDetails
#dnn_ctr526_H2O_ctl00_EmployDetails_0
#dnn_ctr526_H2O_ctl00_EmployDetails_1
#dnn_ctr526_H2O_ctl00_EmployDetails_2
#dnn_ctr526_H2O_ctl00_EmployDetails_3
#dnn_ctr526_H2O_ctl00_EmployDetails_4
#dnn_ctr526_H2O_ctl00_EmployDetails_5
#dnn_ctr526_H2O_ctl00_EmployDetails_6
#dnn_ctr526_H2O_ctl00_ctl800
#dnn_ctr526_H2O_ctl00_h2oCell_24_0



At the top of my H2O form there is this:

 #dnn_ctr526_H2O_ctl00_lblError #Tabledf .Normal
#Tableform .Normal .Normal
#dnn_ctr526_H2O_ctl00_pnlForm
#dnn_ctr526_H2O_ctl00_pnlControls
#dnn_ctr526_H2O_ctl00_h2oCell_0_0
I guess that the CSS is therefore from the .Normal class?

Is there a class for Radio Button Lists and Checkboxes?

I have tried chaning the CSS using 'Edit CSS'. Everything I have changed has had no affect at all on the font.

Regards,

Andrew
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
09 Jun 2008 2:58 AM  
You have a couple of options:

First is to specify a font size for all table cells - but bear in mind it will affect all table cells where this skin is used, so you will need to just apply it to this skin on this page

td {
font-size: 20px;
}


Or, you could identify the ID for each table section and specify a font for each of those, but this will involve code for each separate table that is used for each question.

#dnn_ctr526_H2O_ctl00_EmployDetails
{
font-size: 30px;
}
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Radio Button List & Checkbox Font Size


ActiveForums 3.7

Latest Forum Posts

RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
backend is changing from sql2005 to sql2008 by meenu
hi all advance thanks. in my DNN0408 website am using sql2005 as backend.now planning to remove sq...
About catalook error by kishorpawar
 I am  using dnn 4.8.4 version in my project, this  site is in 2 language,whenver i click on the BYN...
RE: Menu Keeps Verticaly by ruimacdonald
Tnx for your help. It's done. Rui
RE: Menu Keeps Verticaly by jncraig
The configuration of the MENU skin object is defined in the skin.xml file. You'll need to modify th...
RE: Add New Profile Properties by jncraig
I have not seen that problem. Which version of DotNetNuke are you using?
RE: Issue 39 Authentication by jncraig
I've been developing a new site using 4.9.0 and finding it quite stable.
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by jncraig
You should have no problem using SQL Server 2008 Express. I'm pretty sure that the connection strin...
DotNetNuke Modules
RSS Feeds