206 users online (0 members and 206 guests)  


  Results 1 to 2 of 2

Related

  1. Changing Resolution    Forum: HTML Forum
    Replies: 3
  2. changing buttons    Forum: HTML Forum
    Replies: 1
  3. Changing Databases???    Forum: Web Hosting Forum
    Replies: 1
  4. Changing scrollbar colour    Forum: HTML Forum
    Replies: 3
  5. Changing Titles    Forum: HTML Forum
    Replies: 10
  1. #1
    Boballoo's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2007
    Posts
    7

    changing h3 tag with css

    I want to make the h3 tag without a big space before and after. I had it working with the following inline css (angle brackets removed):

    <h3 style="margin-bottom: 0; margin-top: 0; line-height: 35px;">Manuscript Editing Services</h3>

    But of course I want to add it to the external css file but when I do it doesn't work. I added the following to the css file:

    .hmpg-h3 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 35px;
    }

    the html that goes with it is here:

    <h3 class="hmpg-h3">Manuscript Editing Services</h3>

    I have uploaded the new css file. Emptied my cache and tested it but it is not working. If I View Source" the HTML is changed to the new css so it is able to access the new css file fine. What simple thing am I missing?

  2. #2
    mspjohn's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2015
    Posts
    3

    Re: changing h3 tag with css

    You dont need to create an H7 header element simply add the !important rule to a separate class in your css when changing the colour like this.

    HTML

    <h3 class="whiteTextOverride"> example with white text override </h3>
    <h3> example with default colour </h3>