Return to previous page

Adjust title height on related products (single product page) + remove SKU

This topic has 11 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Brian Johnson

Jimbo

Participant

April 1, 2015 at 16:51

Hi there,

I would like to adjust the height of the product title on the single product page (Related products) at the bottom of the page … the title is too close.

Also is there a way of not showing SKU on single product page be default?

Thanks in advance 🙂

Please, contact administrator
for this information.

#53990 Copied

10 Answers

Eva Kemp

Support staff

April 1, 2015 at 17:10

Hello,

Please specify how you’d like to display “Related Products” title and provide us with a page link where sku number is shown.

Thank you.
Regards,
Eva Kemp.

#54004 Copied

Jimbo

Participant

April 1, 2015 at 17:32

Hi Eva,

I would like the titles on related products to have a margin of 10px from the product image above.

link is in private content.

Please, contact administrator
for this information.

#54018 Copied
Jimbo

Participant

April 1, 2015 at 17:42
Eva,

managed to work out how to remove the sku from single product pages.

For anyone else looking to do this, SKU numbers are not important to me so if they are no to you, add to custom.css the following code.
```
/* -- remove sku -- */
.product_meta .sku_wrapper {
display: none;
}
```
I just need help with related products title being lower from the top 🙂
#54021 Copied
Eva Kemp

Support staff

April 2, 2015 at 12:11

Hello,

As I see there is some space above related products title:
https://s3.amazonaws.com/fvd-data/notes/168674/1427972919-5ELlMT/screen.png
Do you want to decrease it or add some space under the related products title?

Thank you.
Regards,
Eva Kemp.

#54160 Copied

Jimbo

Participant

April 2, 2015 at 13:10

Hi Eva,

it’s not there, it is the title of the related products below that i.e. iPhone 4S Screen Repair below the image of the iPhone

thanks

#54179 Copied

Eva Kemp

Support staff

April 2, 2015 at 15:17

Hello,

Could you please show a screenshot for better understanding?

Thank you.
Regards,
Eva Kemp.

#54229 Copied

Jimbo

Participant

April 2, 2015 at 16:09

Hi Eva,

Here is an image, the title under the iPhone …. It needs to not be so close, needs margin-top

#54249 Copied

Brian Johnson

Member

April 2, 2015 at 16:23

You may try to add this code into the style.css of the child theme:
.carousel-area .product-title{margin-top:20px;}

With best regards
Brian Johnson

#54252 Copied

Jimbo

Participant

April 2, 2015 at 16:42

Thanks Brian, that worked a treat!

#54266 Copied

Brian Johnson

Member

April 2, 2015 at 16:55

You are welcome!

With best regards
Brian Johnson

#54271 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Adjust title height on related products (single product page) + remove SKU’' has been successfully resolved, and the topic is now closed for further responses

Adjust title height on related products (single product page) + remove SKU

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection