Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 30, 2018 at 7:12 pm #979616
    Moondreamer21

    I added this css under general styling to apply to the special heading on my home page:

    .special-heading-border {
    border-bottom: 2px dashed #CCBDB8!important;
    padding-bottom: 10px!important;
    }

    The dashed underline is extending out to the right side however, and is not appearing underneath the heading like an underline as I want it too? How can I fix this?

    July 2, 2018 at 8:45 pm #980264
    Jordan Shannon

    Hey Moondreamer21,

    Remove what you have and add this to quick css:

    .av-special-heading.av-special-heading-h3{
    border-bottom: 2px dashed #CCBDB8!important;
    padding-bottom: 10px!important;
}

    Best regards,
    Jordan Shannon

    July 2, 2018 at 9:24 pm #980292
    Moondreamer21

    It looks good on desktop, but it’s not appearing properly on mobile – can you test it and offer an css code adjustment?

    • This reply was modified 6 years, 4 months ago by Moondreamer21.
    July 3, 2018 at 6:40 pm #980680
    Jordan Shannon

    Hi,

    Add this to quick css in place of what I gave above:

    .av-special-heading.av-special-heading-h3{
    border-bottom: 2px dashed #CCBDB8!important;
    padding-bottom: 10px;
}

@media only screen and (max-width: 767px)  {
.av-special-heading.av-special-heading-h3{
padding-bottom:40px;
}}

    Best regards,
    Jordan Shannon

    July 3, 2018 at 7:59 pm #980727
    Moondreamer21

    Thanks Jordan, but it doesn’t seem to work to position the dash on mobile.
    When I switched the padding to top (instead of bottom) as an experiment for mobile, it puts space above all the text, too.

    July 3, 2018 at 8:03 pm #980729
    Jordan Shannon

    Hi,

    It should work, please just add what I posted. Make sure it is placed at the very top of quick css so that it runs first. Also be sure to clear your cache a few times over.

    Best regards,
    Jordan Shannon

    July 3, 2018 at 8:13 pm #980737
    Moondreamer21

    Ah, looks like it’s working now – thanks Jordan! :D

    July 3, 2018 at 8:17 pm #980741
    Jordan Shannon

    Hi,

    No problem. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Special Heading Bottom Border?’ is closed to new replies.