Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 14, 2014 at 1:55 am #250833
    vadesign

    I have tried for the last three hours, searched this forum and cannot find anything that can help me. Here is what I have so far…

    .hr .hr-short .hr-left.avia-builder-el-2 .el_after_av_heading {
    height: 10px; !important
    line-height: 10px; !important
    margin: 0; !important
    padding: 0; !important
    float: none;
    }

    But no matter what I do there remains a 20px margin/padding top and bottom of that hr ruler.
    I have tried:
    div.hr.hr-short.hr-left.avia-builder-el-2.el_after_av_heading
    .main_color div.hr.hr-short.hr-left.avia-builder-el-2.el_after_av_heading

    I have tried simply:
    .hr
    .hr-short
    .hr-left

    I have tried with spaces between classes, without spaces between the classes. I have tried EVERYTHING I can think of. What am I doing wrong? What is the code?

    Thank you!

    April 14, 2014 at 1:56 am #250834
    vadesign

    I cannot send a link to the site because it is in development and legal needs to approve before anyone can see. Thank you for understanding.

    April 14, 2014 at 4:10 am #250883
    Josue

    Hi!

    You are using !important the wrong way, it must be before the semicolon:

    .class{
property: value !important;
}

    Regards,
    Josue

    April 14, 2014 at 5:16 am #250901
    vadesign

    OMG! That was so it. Thank you! I knew I wasn’t that far off. :) LOL!

    April 14, 2014 at 5:17 am #250903
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘.hr-short margin issue’ is closed to new replies.