Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Nice!
    If your want to make it responsive, then you should use media-queries in your own theme css.

    @media screen and (max-width: 600px) {
    .inner {
    background: #f00;
    }
    }

    In the example above the background will change red when the screen size is 600px or less. This way you can change the lay-out for mobile, laptop, desktop. (Google for tutorials).

    Cheers.

    Just overwrite the css in your own theme css file.
    You can add the !important tag if it doesn’t overwrite the plugin css.
    i.e:
    .inner {
    margin: 0 auto!important;
    max-width: 960px!important;
    }
    (change width to your theme width).

    Also you can try to give the catalogus wrapper a fixed width in your own theme css and overwrite the plugin.
    i.e:
    #wpc-catalogue-wrapper {
    margin: 0 auto!important;
    max-width: 960px!important;
    }
    (change width to your theme width).

    Cheers.

    Hey Leong80,

    If you want to center the catalogus, just make a div that encloses the catalogus and center it on screen with css i.e:

    <div class=”inner”></div>

    Put the first part of the div in the: Inner Template Header (<div class”inner”>)
    And put the closing div tag in the: Inner Template Footer.(</div>)

    In your css file style the div class “inner” i.e:

    .inner {
    margin: 0 auto;
    max-width: 960px;
    }

    Cheers.

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