Return to previous page

Product page navigation and short description line

This topic has 7 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

sorin.manica

Participant

February 2, 2015 at 17:22

Hello!

Please take a look here (live site) or better here (royal theme demo).

1. Important – I want to remove the product navigation from the short description area (the pop-up effect with similar products), from the right corner, just before the price showing. How can I do that?

2. Can you guide me on what to remove from the code to remove the whole line before the price is shown? I mean the “description” line from the short description area, the description word is too often present in the product page.

3. If no. 2 from above cannot be easily done, can you at least guide me on how to remove the “PRODUCT DESCRIPTION” subheading from the description area?

Thank you in advance 🙂

#38890 Copied

6 Answers
Eva Kemp

Support staff

February 2, 2015 at 18:40
Hello,

1. Please add this code in custom.css file:
```
.product-navigation .prev-product .hide-info, .product-navigation .next-product .hide-info {
    display: none;
}
```
2. Use this code in custom.css:
```
.meta-title {
   display: none;
}
```
3. Do you need the code for it if solution for number 2 works?

Thank you.
Regards,
Eva Kemp.
#38930 Copied
sorin.manica

Participant

February 2, 2015 at 23:06

Yes, please also provide a .css solution also for no. 3 if possible.

The above solution for 1 + 2 almost works great – the right / left arrows (for previous / next product) are still shown. Look here. Can you please an extra .css code to also hide those arrows?

Thanks again 🙂

#39007 Copied
Robert Hall

Support staff

February 3, 2015 at 09:20
Hello,

Please try to add this code into custom.css file.
```
.product-navigation .product-arrows{
display: none;
}
```
Regards,
Robert Hall.
#39042 Copied
Eva Kemp

Support staff

February 3, 2015 at 09:23
Hello,

To remove the arrows use this code:
```
.product-navigation .product-arrows {
    display: none;
}
```
And to remove “Description”:
```
div#content_tab_description h2 {
display: none;
}
```
Thank you.
Regards,
Eva Kemp.
#39045 Copied
sorin.manica

Participant

February 3, 2015 at 13:23

Thank you. Works great. Based on your css I also managed to hide the h2 from the other tabs.

Thanks again. Ticket closed 🙂

#39127 Copied

Eva Kemp

Support staff

February 3, 2015 at 15:08

Hello,

You’re welcome.

Regards,
Eva Kemp.

#39159 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Product page navigation and short description line’' has been successfully resolved, and the topic is now closed for further responses

Product page navigation and short description line

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection