Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 27, 2017 at 12:39 pm #783977
    mleite1

    Hello, I use the CSS CLASS to control the SPECIAL HEADING. But the code below does not work. What can I be doing wrong?

    CODE
    / * SPECIAL HEADING CUSTOM * /
    .txtsh {
    Margin-top: 46px;
    Font-weight: bold!
    Font-size: 17px;
    Line-height: 1.5em;
    Margin-bottom: 8px;
    Text-align: left;
    Font-family: ‘PT Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    Font-style: italic;
    Padding-right: 6px;
    }

    VIEW IMAGE

    View post on imgur.com

    PAGE WEB SITE
    [http://www.liliansouza.com/assets/2016/atividades/]

    April 27, 2017 at 12:47 pm #783981
    Guenni007

    it is because your custom class is one layer above the h3 so try to set the rules with:

    .txtsh .av-special-heading-tag  {
here comes your code
}

    somethings have to be set to !important

    April 27, 2017 at 12:58 pm #783986
    mleite1

    Many thanks for the feedback. I used the way you commented. But nothing worked.

    .txtsh .av-special-heading-tag {
    Margin-top: 43px;
    Font-weight: bold!
    Font-size: 17px;
    Line-height: 1.5em;
    Margin-bottom: 8px;
    Text-align: left;
    Font-family: ‘PT Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    Font-style: italic;
    Padding-right: 6px;
    }

    April 27, 2017 at 1:16 pm #783997
    Guenni007

    click to enlarge the firebug window of your source code:

    you see on the right side the code you inserted. All strikethrough rules are overwritten by some other rules with more rights (more specific or other reasons. If you like to have it than set the rule to !important like:

    .txtsh .av-special-heading-tag {
    font-family: "PT Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px !important;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 8px;
    margin-top: 43px !important;
    padding-right: 6px !important;
    text-align: left !important;
}
    • This reply was modified 7 years, 7 months ago by Guenni007.
    April 27, 2017 at 1:53 pm #784015
    mleite1

    It’s ok now.

    Tanks Guenni007

    April 27, 2017 at 2:02 pm #784019
    Yigit

    Hi!

    Thanks for your help @guenni007 :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘SPECIAL HEADING CUSTOM – CSS CLASS’ is closed to new replies.