Css styling catalogue

  • Resolved joepth

    (@joepth)


    11 years ago

    Hi there!

    Im pretty new to both this plugin and wordpress so i was wondering how to give products in a category the same layout. I did manage to give my first product the layout i want. However if i add a second product it doesnt have the same layout. Can anyone help me? You can view my website by clicking the following link: here

    To be completely clear: i want the layout of the first product displayed x4 and in 2 rows. Making it 8 products in total.

    Thanks a lot!

    Joep the code noob

    https://ww.wp.xz.cn/plugins/ultimate-product-catalogue/

Viewing 3 replies - 1 through 3 (of 3 total)
  • etoilewebdesign

    (@etoilewebdesign)

    11 years ago

    Hi Joepth,

    How did you style the first product? Would you be able to add a second so that we can see how it changes?

    Thread Starter joepth

    (@joepth)

    11 years ago

    Okay, so i added some changes to the plugin css since i didnt know how to target the layout of the plugin in another way. The code i changed is:.upcp-minimal-product-listing {
    width: 400px;
    height:350px;
    float: left;
    padding-right: 10px;
    }
    .upcp-minimal-img-div {
    height: 350px;
    width:400px;
    margin-left:120px;
    margin-top:20px;
    text-align: top;
    z-index:998;
    }
    .upcp-minimal-img {
    max-width: 400px;
    max-height: 350px;`

    Furthermore, the second product is showing under the first product only due to a white background it isnt clear. This is because i cant upload my photo`s in the uploader so i will do it manually once the layout has been changed.

    Thanks again

    Joep

    Plugin Author Rustaurius

    (@rustaurius)

    11 years ago

    Hi Joep,

    You would also need to increase the width of the widget container:

    .upcp-minimal-width-3 {width:900px;}

    Or something along those lines.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Css styling catalogue’ is closed to new replies.

Tags