Docs

[[email protected]]

hi

I am trying to create a check box, with images and the label centered on the image. I also am using the CSS Ready class gf_list_inline to get it to line up across. I would like to know how to customise with css. How do I name the class and how do I change it. Is this done in the global css. Reading through the documentation it would be called .gform_label {text-align: center;}

This does not seem to be working though. I will be doing this in many places so I would like to be name for all my forms.

thanks.

[Christian]

Hey there,

Please add the CSS in Appearance > Customize > Custom > Global CSS.

Thanks.

[[email protected]]

I don’t think I have this correct. I can’t get the label to change at all.

https://theartefact.com/recent-work

I want it to be the image with the text underneath the image centered.
Can you help me with how I would label make the text center on the image?

Thanks,
Kathy

[Jade]

Hi Kathy,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[[email protected]]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for providing the credentials. I replaced your code with this one in your Customizer:

/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {

	body .gform_wrapper li ul.gfield_checkbox li input { 
		position: absolute;
		top: 40%;
		left: 10%; 
	}
  
  body .gform_wrapper li ul.gfield_checkbox li img { 
		display: block !important;
	    clear: both;
	    margin: 8px auto 0 auto;
	}

	body .gform_wrapper li ul.gfield_checkbox li label { 
		display: block !important;
	    clear: both;
	    width: 100%;
	    text-align: center;
	}

}

It’s seems to be working fine, however there was a syntax error in your Customizer’s CSS, I went ahead and fixed it.

Cheers!

[[email protected]]

Fantastic! Thanks

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts