After dealing with this all day, I posted the question, then figured it out ten minutes later on my own. LOL
For anyone who needs it, I reduced the width of the entire “box” by adding this to the custom CSS.
.wcpa_form_outer {
width:80%;align-content
}
Typo!
.wcpa_form_outer {
width:80%;
}
It seems to have stopped working for me, now. Not sure what happened. 🙁
Hi,
It seems working when we tested the code. Sometimes some other codes may override the same code. May be that is why it is not working.
Please try this code.
.wcpa_form_outer {
width:80% !important;
}
Thank you.
Yeah, still not working for me, unfortunately. I have no idea what I could be doing wrong. I don’t even think I changed anything. 🙁
Thank you for trying to help. Any thoughts on what I could look into for troubleshooting?
Or is there a way to change the layout of where this shows up on the page? How does it hook in to everything? I wouldn’t care about the length if I could move it elsewhere.
Hi,
Please have a look at this screenshot: https://prnt.sc/tci5nz
It is working perfectly while inspecting.
.wcpa_form_outer {
width:80% !important;
}
Please make sure that you are added the code to Additional CSS.
Path: Appearance -> Customize -> Additional CSS.
Thank you.
