Header elements not the same – front page vs product page

I just noticed that on my front page, all the Headings are centered, with the blue rule, underneath them.

Then, on my product pages, where the “Related Products” area shows up, the heading is left justified, as well as the blue rule.

Is there any way to get the product pages to follow the same layout as the front page?

Screen shots attached.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to change the style for related products slider title

.related-products .slider-title,
.related .slider-title {
    text-align:center;
}

.related-products .slider-title:before,
.related .slider-title:before {
    width:230px;
    left:50%;
    margin-left:-115px;
}

.related-products .slider-title:after,
.related .slider-title:after {
   content: " ";
   position: absolute;
   top: 100%;
   left: 0;
   right:0;
   height: 2px;
        background-color:rgba(119,119,119,.17);
}

Regards

[Author]

Posts