- This topic has 4 replies, 2 voices, and was last updated 7 years, 5 months ago by
.
-
Posts
-
Hello! So I’m experiencing a slight issue, and I don’t know if it’s just because I’m inexperienced (which it may very well be) or that I’m not doing this correctly. I’ve bought the Form Builder, hoping it would allow me to adjust and style the font text size of the form (both the labels, the input, and the overall text), but I can’t seem to get it to work.
I’ve perused the forum for days searching for a solution and attempted several from editing the CSS to editing my own Theme. I understand that the form models itself after the Theme that’s being used (or that’s what I’ve gathered, at the very least), but after editing my Theme’s font, nothing seems to change. Nor does editing the CSS seem to do anything.
The font on the form is entirely too small, and I need it to be at least 18px. And the input text for the Membership Level where it says “Free” is even smaller! I’m attempting to use this for my business, so this is pretty crucial, as I have this connected with my newsletter and am setting it up for several of my clients to benefit from.
I have basic knowledge of CSS and HTML editing, but I am no programmer. I’ve created a new folder in my theme’s folder and copied some of the files for editing purposes. Can someone walk me step-by-step on how to change the font size within the form to a larger font? I would greatly appreciate it!
The font on the form is entirely too small
Have you tried inspecting it with one of the browser inspectors (rgt click then choose inspect)? You can then modify the CSS there to where you like it and copy/paste to the CSS portion of the customize panel in your Admin. Appearance >> Customize >> CSS
Once you ‘Publish‘ the changes, it should override the default theme style.css file.
Now, I’m thinking I should have been more specific-SORRY!
<br>
When you’re on the page you wish to edit, highlight & rgt click the are or content you wish to change.
<br>
Select “inspect” (from the menu that appears). This should open an inspection window to the right or the bottom of your screen.
<br>
Give it a sec to catch up to you, it will default to whichever <div> or class you highlighted and rgt clicked to inspect.
<br>
Once it has FULLY rendered, you can modify the css code within the inspection screen.<br>
NOTE: This NEW css code you just created WILL NOT SAVE to your site UNTIL you’ve copy/pasted it to the aforementioned Extra CSS Area in the Customize Panel of your Admin & you publish it.<br>
If you’re having difficulty seeing your changes, you should attempt to CLEAR your browsing history/cookies!AWESOME! That actually worked! It was driving me insane for DAYS! I didn’t think to even inspect it at all! So thank you!!
- You must be logged in to reply to this topic.