Solved

Ninja Form Reformat Bold Subheader for Wordpress site

Posted on 2016-10-24
5
46 Views
Last Modified: 2016-10-24
How do I remove the bold subheaders?  I tried modifying css using Simply Custom CSS but it had no impact other than change the color.

https://sheboyganseniorcommunity.com

.nf-field-label label {
    font-weight: 400;
      color: #00907e;  
}

Open in new window

0
Comment
Question by:nsitedesigns
  • 3
  • 2
5 Comments
 
LVL 10

Expert Comment

by:Prasadh Baapaat
ID: 41857655
can you please specify which sub-headers on the home page?
0
 

Author Comment

by:nsitedesigns
ID: 41857661
My apologies Prasadh, here is url
https://sheboyganseniorcommunity.com/test/

I am talking about Full Name, Phone, Email, etc.
0
 
LVL 10

Accepted Solution

by:
Prasadh Baapaat earned 500 total points
ID: 41857700
ok... the form labels are quiet bold...

.nf-field-label label {
    font-weight: bold; <<<<<<<<<<<<  remove this line OR make it "400"  or "normal"
    margin: 0;
    padding: 0;
}

Open in new window


below is the css style location:

https://sheboyganseniorcommunity.com/wp-content/plugins/ninja-forms/assets/css/display-opinions-light.css

if you are not able to find the stylesheet

then add Important where you added the weight to headings as below:

.nf-field-label label {
    font-weight: 400 !important;
    color: #00907e;
}

Open in new window


Thanks,
Prasadh
0
 

Author Comment

by:nsitedesigns
ID: 41857706
Prasadh,

I had added the css to a plugin as mentioned when I first opened up the question.  And I still could not get it to work.  Adding !important; fixed it.  Thank you.
0
 
LVL 10

Expert Comment

by:Prasadh Baapaat
ID: 41857710
you are welcome :)
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question