Problem: Realize product page with 2 or 3 horizontal products

Hi, so what are you going to do? Try and give the custom template another go and see if you can create one.

Kind regards

I would like to mention that there are numerous errors in your CSS code from your original question. If you want to do a 3 column layout you should use css code like this…please pay specific attention to all the syntactical formatting:

I do not know what .catablog-fila is, is that a custom css class you added in your catablog template?

/* Catalogo */
html body .catablog-catalog .catablog-fila {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
html body .catablog-catalog .catablog-fila {
width: 50%;
margin: 0 0 0 50%;
padding: 0;
}

Hi macguru2000,

Thanks for your reply.

The code .catablog-fila is an error.

The right one is: .catablog-row

I pasted the code in the template file “style.css” but does not work.

The page have one column.

Do I have to paste in the style.css file of the plugin?

In the file: catablog.css ???

Thanks

So you should paste this into either your theme’s style.css file or create a catablog.css file inside your theme’s directory and paste this code in there. You should never edit the plugins css files, as your changes will be overwritten when you update. The same can apply to your theme’s style.css file, depending on wether you or someone else is the theme author.

Keep in mind that it is important that you not translate or change the css class names, as those should always be in english. I also want to apologize for not reading your original code closely enough, you should never define the same class twice in CSS, it just doesn’t work that way.

Two Columns:

html body .catablog-catalog .catablog-row {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  border: 0 none;
}

For three columns, try this code instead of the above one

html body .catablog-catalog .catablog-row {
  float: left;
  width: 33%;
  margin: 0;
  padding: 0;
  border: 0 none;
}

Good luck

Hi macguru2000,

thanks for your support, but the code for two columns in the file style.css of the theme does not work.

Now I have all the products to the right and only vertically.

how I solve the problem?

Thanks

Hi @checevo, can you post your URL that points to your products so that we can check.

Kind regards

Hi mbrsolution,

I solved the problem.

Too much text for product descriptions.

I reduced the text and the problem is solved.

Thanks for the support mbrsolution ;o)

Hi checevo, that is good news. I am happy for you ??

If you are happy with your results could you please close this thread as resolved.

Kind regards