[Resolved] Spacing and alignment

[Author]

Posts

[rajivG]

Hi,

I have a query, please.

In the attachment, a screenshot from View Search, how do I -

1) Increase the space in 1 & 2, i.e. the checkbox is too close to the words, and I need spacing
2) The texts need to move upwards, or the checkboxes need to move downward, for alignment purposes

Thank you.

Rajiv

[Waqar]

Hi Rajiv,

Thank you for contacting us and I'd be happy to assist.

To suggest the best way to achieve this, I'll need to see exactly how this view is set up.

Can you please share temporary admin login details, along with the link to the page with this view?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

regards,
Waqar

[Waqar]

Thank you for sharing the admin access.

To control the vertical and horizontal alignment of text labels with respect to the checkboxes, you can include the following CSS code in your view's "Custom CSS":

.wpv-filter-form .form-group .checkbox label input[type="checkbox"] {
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
}

Note: Feel free to adjust the margin-right value to control the horizontal spacing and the margin-top value to control the vertical alignment.

Tip: To check the CSS code styles applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

[rajivG]

Waqar, it worked. Thank you for helping out.