Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 22, 2015 at 9:06 am #476925
    OneClickTech

    Hi .
    I would like to put a short underline 40px long under the footer headings. See attached pic.
    I have tried this code but it changes the heading words to 40px wide. 

    .flex_column .widget .widgettitle, .content .widget .widgettitle
 {
width: 40px;
border-bottom: 2px solid #098fc8;
padding-bottom: 10px;
}

    Any help would be much appreciated.
    Thank you

    • This topic was modified 9 years, 5 months ago by OneClickTech.
    July 22, 2015 at 3:25 pm #477125
    Elliott

    Hi OneClickTech!

    Try adding this to your custom CSS.

    #footer .widgettitle::after { width: 40px; background: orange; height: 5px; display: block; position: relative; }

    Best regards,
    Elliott

    July 23, 2015 at 7:29 am #477528
    OneClickTech

    That code doesn’t work unfortunately. If i remove after it does display but the same issue happens with my code.
    My above code is close to what i want but just don’t what the heading txt to be 40px wide.

    July 23, 2015 at 7:54 am #477539
    Basilis

    Hey!

    As Eliotts code work, what can it be the wrong thing happening?

    Cheers!
    Basilis

    July 23, 2015 at 8:04 am #477545
    OneClickTech

    It doesn’t work. I had to remove the word “after” and it then does the same thing as my code and reduces the width of the text to 40 pixels.

    July 24, 2015 at 3:27 pm #478207
    Elliott

    Hey!

    Sorry, I forgot to add the “content”, otherwise it won’t display. Try this out.

    #footer .widgettitle::after {
  background: orange none repeat scroll 0 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: relative;
  top: 5px;
  width: 40px;
}

    Regards,
    Elliott

    • This reply was modified 9 years, 5 months ago by Elliott.
    July 25, 2015 at 12:35 am #478466
    OneClickTech

    Thank you Elliot.

    Most appreciated. Kries support is amazing. :-)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Underline Heading footer words’ is closed to new replies.