Styling the list of CSS

This topic contains 8 reply and 2 voices, and was last updated by towhid 8 years, 7 months ago
Viewing 8 Posts - 1 through 8 (of 8 total)
Author Posts
July 29, 2015 at 4:45 am 61707
towhid 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.
July 31, 2015 at 1:14 pm 64573
hectorp hp hectorp hp

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?

August 1, 2015 at 2:47 pm 64682
towhid towhid

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

August 3, 2015 at 1:58 am 64905
hectorp hp hectorp hp

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.

August 3, 2015 at 6:21 pm 65045
towhid towhid

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 🙂

August 3, 2015 at 11:47 pm 65083
hectorp hp hectorp hp

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?

August 4, 2015 at 4:11 pm 65227
towhid towhid

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

August 5, 2015 at 1:11 am 65302
hectorp hp hectorp hp

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.

August 5, 2015 at 2:07 pm 65398
towhid towhid

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 8 Posts - 1 through 8 (of 8 total)