Home › Forums › WoodMart support forum › Header elements not the same – front page vs product page

Header elements not the same – front page vs product page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 31, 2018 at 12:54 am #36272

    mjwilson
    Participant

    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.
    January 31, 2018 at 7:53 am #36326

    Artem Temos
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)