Override existing CCSS
Please don't mock me, but I'm using a wordpress page builder for the development of a family history website based around photographs of the family members.
The backend uses Advanced Custom Fields for the data storage and data input.
So I have number of forms gathering details of the photographs and the family members, these are generated by ACF and I have little control over the presentation of the forms. I can add IDs and Classes to the input fields but little else.
The forms generated use CSS generated by ACF and I want to override everything to present the forms my way, and not the rather stark, utilitarian way ACF does it.
Can I override everything based on the classes I define for each input element, it's width, position, colours etc, and possibly even the order that some of the fields are shown?
I don't have control of the html produced, but can I 'inject' CSS to control that too?
Any input gratefully received
Pete
1 Reply
Hey Pete, we definitely won't laugh at you 😊
Can I override everything based on the classes I define for each input element, it's width, position, colours etc, and possibly even the order that some of the fields are shown?100% you can do this 🙂 - though changing the order probably isn't a good idea, you can move through forms with tab and other methods, and if they are out of order it'll get confusing. But for styling it, add the classes on there, and then dive into the CSS panel within WP, and add the styles you need. Hopefully the ACF styling is easy to overwrite, since they allow for adding classes 😄