Home Forums Plugin Support WP User Frontend (Free Version) Styling the list of CSS

This topic is: not resolved

Tagged: , ,

This topic contains 8 replies, has 2 voices, and was last updated by  towhid 3 years, 11 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #61707

    hectorp hp
    Member
    Post count: 24

    Hello!

    I need to display in two columns some checkboxes of a specific class

    1.- I assigned the class name ‘sizes' to the field.

    2.- I've added this to my style.css

    li.sizes ul.wpuf-form li.wpuf-fields ul.wpuf-category-checklist li{  
    	width: 50% !important;
     }

    Didn't worked.

    3.- How can I access to the (li) and (ul) lists of a specific css class?

    Thank you, Héctor P.

    #64573

    hectorp hp
    Member
    Post count: 24

    Seriously three days and no answer?

    Why add a ‘CSS Class Name' to the Form Elements if they dont work for li and ul auto-generated?

    #64682

    towhid
    Participant
    Post count: 4505

    Hello Hector,

    I am really sorry for my late reply. Can you please let me provide a screenshot about the issue. Then it will help me to provide a right explanation.

    Thanks

    #64905

    hectorp hp
    Member
    Post count: 24

    My form is currently like this:
    right-wrong

    However I want to ONLY change the style of the specific checkboxes with the CSS class ‘sizes'.

    If I change the CSS with this:

    
    ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist li {
        margin-bottom: 5px;
        padding: 0px 20px 0px 0px;
        display: inline-block;
    }
    

    I get this result:

    But it mess up all since it applies to all checkboxes not only to the specific checkboxes with the ‘sizes' class name. I need only to style the ‘sizes' checkboxes.

    Thank you, Héctor P.

    #65045

    towhid
    Participant
    Post count: 4505

    Please provide your login details by using this form: http://wedevs.com/provide-login-details/. I will have a look what is going wrong.

    Thank you 🙂

    #65083

    hectorp hp
    Member
    Post count: 24

    Hello,

    Sorry it connects via SSH, so I can't provide login credentials.

    I just want to style a specfic set of checkboxes assigned to a CSS class name. Not ALL the checkboxes. Is it possible?

    #65227

    towhid
    Participant
    Post count: 4505

    Hello,

    Just provide me wp-admin access. I need to check the form you have created then it will be easy for me to provide support.

    Thanks

    #65302

    hectorp hp
    Member
    Post count: 24

    Solved,

    This was the line of code I was looking for:

    li.wpuf-el.pa_sizes.sizes div.wpuf-fields.wpuf_pa_sizes_checkbox_1680_1664 ul.wpuf-category-checklist li{
    .
    .
    .
    }
    

    Thanks.

    #65398

    towhid
    Participant
    Post count: 4505

    Hello Hector,

    I am very glad to know that you have solved the problem. I am going to mark this topic as resolved and closed.

    Thanks

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Styling the list of CSS’ is closed to new replies.