How to delete the right column of a catalog ?

Hi Denis,

Try the following custom CSS:

.upcp-end-detail-div {
display: none;
}
.upcp-mid-detail-div {
width: 65%;
border-right: none;
}

Great! it works !

May I ask you :

1) What CSS to fit the height of lines to the contents?
Either, how to reduce the internal edges (spacing)?

2) How to center (justify) the whole catalog in my Web page? https://webagogie.com/sondages/

Thank you ??

Denis

Hi Denis,

For #1 and #2, you can just add this CSS to the Custom CSS box (you can add it below the other code we gave you earlier):

.prod-cat-inner {
margin: 0 13%;}

.upcp-detail-item,
.upcp-mid-detail-div {
min-height: inherit;}

.upcp-detail-image-div {
width:29%;}

.upcp-detail-image-div a {
max-height: 200px;
height:auto;}

div.upcp-detail-image-div img {
max-width: 100%;}

SUPER GREAT
It is very nice from you ! ?
One last help please
How could I justify the product text description?
For example, in my catalog https://webagogie.com/sondages/ , first product, title: Pourquoi des formations internes ?
I have
<p><span class=”mlw_qmn_question”>28 motifs pour l’installation de formations internes dans votre société ou votre organisation<br />
</span></p>

I tried, but without justify result
<span class=”mlw_qmn_question” style=”text-align: justify;”>28 motifs pour l’installation de formations internes dans votre société ou votre organisation
</span>

Thank you very much in advance
Denis

Try the following custom CSS:

.upcp-detail-desc {
text-align: justify;
}

Hello

I am trying to reuse the same CSS I have on one catalog in this page:
https://webagogie.com/sondages

CSS:
.prod-cat-header-div {display:none;}
.upcp-end-detail-div {
display: none;
}
.upcp-mid-detail-div {
width: 65%;
border-right: none;
}
.prod-cat-inner {
margin: 0 13%;}

.upcp-detail-item,
.upcp-mid-detail-div {
min-height: inherit;}

.upcp-detail-image-div {
width:29%;}

.upcp-detail-image-div a {
max-height: 200px;
height:auto;}

div.upcp-detail-image-div img {
max-width: 100%;}

in the page
https://webagogie.com/comment

But i doesn’t wok: not the same llok

Can you tell me what to do to get the same catalog aspect than in https://webagogie.com/sondages

Thank you very much in advance

All the best

Seb

Hi Seb,

The only difference I see is that the new one defaults to the thumbnail view and has the sidebar. Just copy the shortcode you use for the old one and you should get the same thing for the new one.

Hello again

I am sorry to ask for help for the same reason reason as before

I love product catalog and I am atrying to setup a third one (C) [product-catalogue id=’4′]) to explain my question see below:

product catalog A: https://webagogie.com/sondages/ OK
[product-catalogue id=’2′]
product catalog B: https://webagogie.com/catalogue-des-formations-en-webagogie/ OK
[product-catalogue id=’3′]
product catalog C: https://webagogie.com/bibliotheque-des-webagogie-newsletters/ BAD
[product-catalogue id=’4′]

For product catalog 4 I reused the same CSS for product catalog 2 and 3: so I can’t understand where is is wrong

can your helpme please

All the best

Seb

FYI the CSS for[product-catalogue id=’4′] copied from [product-catalogue id=’2′]

.prod-cat-header-div {display:none;}
.upcp-end-detail-div {
display: none;
}
.upcp-mid-detail-div {
width: 65%;
border-right: none;
}
.prod-cat-inner {
margin: 0 13%;}

.upcp-detail-item,
.upcp-mid-detail-div {
min-height: inherit;}

.upcp-detail-image-div {
width:29%;}

.upcp-detail-image-div a {
max-height: 200px;
height:auto;}

div.upcp-detail-image-div img {
max-width: 100%;}

Hi Seb,

Instead of the [product-catalogue id=’4′] shortcode, can you try using this one instead:

[product-catalogue id='4' starting_layout='Detail' excluded_layouts='List, Thumbnail' sidebar='No']

Hello

It works!

Thank you so much for your help and that nice add on

All the best