Make the underline longer under page heading

Hi Wonder if you can help?
I’m trying to make the small underline under the page heading a bit longer.
I saw the code to remove it here:

.text-slider .maintitle:after,
.panel-grid-cell .widget-title:after{
display: none;

But would prefer to have it a bit longer.

Thanks for your help, Sydneys awesome :slight_smile:


You have to adjust it manually, feel free to change the value of the width and left from the CSS code below:

.panel-grid-cell .widget-title:after {
    width: 160px;
    left: 45%;


Thanks Awan
Worked perfectly.
Your help is greatly appreciated.