Related products and brands

Hello,

How do I get to edit these two in the circle? I can’t find it.

Attachments:

You must be logged in to view attached files.

Hello,

Most likely this is the Pre-footer. You can find the shortcode of the HTML block which is used in the Theme Settings > Footer > pre-footer area. If you remove the shortcode, the block would disappear globally, if you want to edit, find the block by ID in Dashboard > HTML blocks > edit. The current block shows the brand’s carousel, this is a brand attribute. You can find more details here: https://xtemos.com/docs/woodmart/html-blocks-2/#pre-footer and https://xtemos.com/docs/woodmart/faq-guides/how-to-setup-brands/

If you want to hide the pre-footer only on the product page, add this custom CSS to the Theme Settings > Custom CSS > Global:

.single .woodmart-prefooter{
display:none;
}

Best Regards

Done with the brands.

I would like to edit the related products headline, to the middle, but I still can’t find it.
I don’t want to hide it. 🙂

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .related-and-upsells .related-products h3.slider-title{
display:block;
max-width:200px;
margin:20px auto;
}

Best Regards

Oh, cool, thanks. I would like the line to be like on the rows on the front page.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .slider-title:before {
    left: 35%;
}

Best Regards

Hello,

It’s not working. I want it to look like the attached. Can you do it?

Like the headline and line under the headline, inside the green box.

Attachments:

You must be logged in to view attached files.

Hello,

Replace the whole code I provided before with this one:

body .related-and-upsells .related-products h3.slider-title{
display:block;
max-width:210px;
margin:20px auto;
border-bottom:2px solid red;
	text-align:center;
}
body .slider-title:before {
    display:none;
}

Best Regards

Hello again,

I don’t know how to add the color #1b7252 to it. And the grey line is still missing.

Kind regards

Hello,

The HTML structure does not allow making a grey line and red line at the same time as you show on the screen. Where do you want to add this color #1b7252? Is this text or line colo?

Best Regards

Hello,

Okay – It is the color on the line under the text. The one which is red right now.

Kind regards

Replace the whole code I provided before with this one:

body .related-and-upsells .related-products h3.slider-title{
display:block;
max-width:210px;
margin:20px auto;
border-bottom:2px solid #1b7252;
	text-align:center;
}
body .slider-title:before {
    display:none;
}

Best Regards

Thank you 🙂

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts