Radio Button List & Checkbox Font Size
Last Post 06/09/2008 2:58 AM by Lee Sykes. 5 Replies.
Author Messages
Andrew Campbell
Nuke Active Member
Nuke Active Member
Posts:22


--
06/02/2008 5:53 PM
    Hi Lee,

    I have used H2O from http://www.intertag.com.au/StudentE...fault.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
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    06/02/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, Patapsco Research Group
    Complete DNN Support
    Andrew Campbell
    Nuke Active Member
    Nuke Active Member
    Posts:22


    --
    06/07/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
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    06/07/2008 8:43 AM
    Have you identified the IDs that go with those items?



    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Andrew Campbell
    Nuke Active Member
    Nuke Active Member
    Posts:22


    --
    I get this:

    06/08/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
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    06/09/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/DNNCreative

    Lee Sykes's Facebook Profile


    ---