Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Ninja Form Reformat Bold Subheader for Wordpress site

Posted on 2016-10-24
5
49 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 demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

807 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