Return to previous page

Modify Upsell display option - by icemojo

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

icemojo

Participant

April 12, 2015 at 08:33

Hello,

I would like to modify the title of the products displayed in the upsell section by either shortening it or taking it out all together. How do i achieve this?

Regards,

Please, contact administrator
for this information.

#56386 Copied

9 Answers
Eva Kemp

Support staff

April 12, 2015 at 11:12
Hello,

Try to use this code in custom.css file:
```
.slider-container.sidebar-slider-flex .slide-item .product {
  width: 200px !important;
}
```
How to create custom.css you can watch in this tutorial.

Regards,
Eva Kemp.
#56429 Copied
icemojo

Participant

April 12, 2015 at 11:38

Hello,

I believe you misunderstood my requirement. I only want to show the image, shortened prodduct title and price in the upsell section because the product title on my website are long.

Thanks

#56433 Copied

icemojo

Participant

April 13, 2015 at 11:07

Hello,

Im awaiting your response on this topic please.

Thanks

#56508 Copied

Eva Kemp

Support staff

April 13, 2015 at 16:51

Hello,

Could you please show a screenshot what you want to achieve?

Thank you.
Regards,
Eva Kemp.

#56581 Copied

icemojo

Participant

April 13, 2015 at 17:23

To the left is what we have now, to the right is what i want to achieve

I would also like to change the menu font and product title font(as in image) to the same font as the Cart font on the header, do hope you get what i mean.

Thanks in advance

#56587 Copied
Eva Kemp

Support staff

April 14, 2015 at 08:52
Hello,

Please add this code in custom.css file:
```
.slider-container.sidebar-slider-flex .slide-item .product .product-name {
  display: none;
}
```
To change font use this code:
```
.main-nav .menu > li > a, .page-heading h1 {
    font-family: Open Sans !important;
}
```
Regards,
Eva Kemp.
#56720 Copied
icemojo

Participant

April 14, 2015 at 10:27

Thanks but still need further modification

First, the menu font didnt change, could i also effect this change on all titles as it appears they all use the same font.

Secondly, instead of having items under Our offers list out as on the left of the below image, can we have it listed as it is on the right?

#56752 Copied
Brian Johnson

Member

April 14, 2015 at 10:44
Hello

Please try this code:
```
 .main-nav .menu a, .title span , .share-title{
    font-family: Open Sans !important;color:gold!important;
}
```
and remove color:gold!important;. It was added to make you see what elements are changed.

With best regards
Brian Johnson
#56756 Copied
Brian Johnson

Member

April 14, 2015 at 12:17
You may try this code reregarding the second issue:
```
@media (max-width: 979px) and (min-width: 768px){
.slider-container{width:181px;}}
.slider-container.sidebar-slider-flex .slider-viewport{width:100%!important;margin:0!important;margin:0;}
.slider-container.sidebar-slider-flex .slide-item .product{float:right;width:80px;height:140px;margin:0;margin:2%}
 .slider-2684{width:180px!important;display:block;margin:0;height:150px;margin-left:auto;margin-right:auto;}
.slider-container.sidebar-slider-flex .slide-item{width:180px!important;display:block;float:none;}
```
With best reagrds
Brian Johnson
#56787 Copied
Tagged: display, modify, options, themes, upsell, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)