Move the underline under sidebar title to the left

[Jasmine]

Jasmine

July 27, 2015 at 11:18 am

Hi, I am using Pinnacle Premium with a child theme.
I created a menu to be dislayed in a custom sidebar on a specific page.
Through css, I moved the sidebar to the left, changed the font styles and made its background transparent.

@media (min-width: 992px) {
body.page-id-24 .main.col-lg-9 {float:right;}
}
.page-id-24 .sidebar .widget-title {
text-align: left;
font-size: 25px;
font-family: Courgette;
font-style: italic;
}
.page-id-24 .sidebar {
font-size: 20px;
line-height:20px;
font-family: Courgette;
font-style: italic;
}
.product-categories li a, .widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_pages li a, .widget_recent_entries li a {
background: transparent;
}

The result is fine except the title underline is centered, it has not followed the sidebar bar title to the left, it remains centered. How can I make this underline to be moved to the left? I will send you the link via a private message.
Thanks!