Support » Plugin: CataBlog » Problem: Realize product page with 2 or 3 horizontal products

  • Resolved checevo

    (@checevo)


    I need a product page with 2 or 3 horizontal products (2 or 3 columns)

    I’m no expert of code, I followed the guide on the blog.

    I added this code to the end of the file catolog.css (plugin file):

    }*/Catalogo */
    html body. catablog-catalog. catablog-fila {
    float: left;
    display: 47%;
    }
    html body. catablog-catalog. catablog-fila {
    float: right;
    display: 47%;
    }

    But not work.

    Thank for your support.

    http://wordpress.org/extend/plugins/catablog/

Viewing 15 replies - 1 through 15 (of 23 total)
  • Hi, have a look at this tutorial.

    http://mbrsolution.com/tutorial/catablog-add-columns-tutorial-part-6.php

    This will put you on the right track.

    Kind regards

    Thread Starter checevo

    (@checevo)

    Thanks MbrSolution,

    I followed the guide but what I write in the style.css file before the upload?

    Hello, if you follow the instructions you will now have created a child theme to work from. You should always work with a child theme or else any extra formatting that you create will be deleted every time you upgrade your theme.

    In this child theme you will add the extra CataBlog code to create columns for your CataBlog display, which will create something like a table format.

    Kind regards

    Thread Starter checevo

    (@checevo)

    Thanks MbrSolution,

    Yes, I understand but my style.css file is empty.

    I have uploaded to the folder in my site, the folder with empty style.css empty and wordpress tells me that “the theme is broken”

    What do I write in the style.css file before uploading?

    Thanks for the support

    Hi, did you follow the instructions above in the tutorial? Have a look at the tutorial again and you will see that you need to add some code in your style.css found in your child theme. This code calls the style from the parent theme or else it will not work. I have edited the tutorial to make it more clear. I think you will find it easier to understand now.

    Also make sure that you have selected the child theme in WordPress once you add the @import …..into your style.css.

    Kind regards

    Thread Starter checevo

    (@checevo)

    Hi MbrSolution,

    I followed the guide but not work.

    WordPress tells me: “The following themes are installed but incomplete. Themes must have a stylesheet and a template. Theme The father is missing.”

    /**
    * Theme Name: Name Template-child
    * Theme URI: http://www.xxxxxx.it/
    * Description: xxxx
    * Version: 1.0
    * Author: xxxx
    * Author URI: xxxx
    * Template: Name Template
    License: GNU General Public License version 3.0
    License URI: http://www.gnu…..
    Version: 6.8
    */
    /* import layout */
    import url “http://www.xxxxxx.it/Name Template-child/style.css”;

    What am I wrong?

    Thanks

    Hi you have to add the @ symbol and ( ) in the following path..

    /* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);

    Try and see if it works. Make sure the path and the name of the template-child is correct.

    Kind regards

    Thread Starter checevo

    (@checevo)

    No, sorry not work 🙁

    Hi, can you type the exact path you entered in the code above?

    Kind regards

    Thread Starter checevo

    (@checevo)

    Code in the file style.css:

    /**
    * Theme Name: Name Template-child
    * Theme URI: http://www.xxxxxx.it/
    * Description: xxxx
    * Version: 1.0
    * Author: xxxx
    * Author URI: xxxx
    * Template: Name Template
    License: GNU General Public License version 3.0
    License URI: http://www.gnu…..
    Version: 6.8
    */
    /* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);

    Thanks for the support!

    Hi I can see the issue straight away.

    What is your websites url?

    At the present you have http://www.xxxxxx.it. Is this your URL?

    Then you have Name Template-child……Is this the name of the folder you created on your server?

    Remember the path has to be exact or else it will not work. In my example above I was using the following code as an example `/* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);`

    Why don’t you simple create a folder with the name template-child and then add the following code:

    /* import layout */
    @import url("../template-child/style.css");

    Kind regards

    Thread Starter checevo

    (@checevo)

    Hi,

    I send you email with details. I write on the form of the blog.

    Thanks

    Ok, I look forward to the e-mail.

    Kind regards

    mbrsolution

    (@mbrsolution)

    Hello checevo, have you resolved this issue? If you have would you close this thread as resolved.

    Kind regards

    Thread Starter checevo

    (@checevo)

    Hello Mbrsolution, my provider does not have a solution for the problem

    🙁

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Problem: Realize product page with 2 or 3 horizontal products’ is closed to new replies.