Layout

  • Hello!

    Sorry i need one more time help.^^

    My template uses sidebar. (see screenshotlink)

    you can see i have a ugly big space after the first 3 boxes.
    it woulbe be fine, if i can have 4 boxes in one row.

    where can I change the box size, or the distance between the individual boxes.

    maybe I can manage to have four boxes on a row.

    thx for help

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jacques Malgrange

    (@sojahu)

    Hi,

    Box are in floating position. You have 3 columns because there is not enough place for 4 columns. Box width is fixed.
    Appareance depend on your window/screen size (try to resize your window). A perfect arrangement for your screen should not be good for another one.

    Regards

    Thread Starter limone111

    (@limone111)

    Yes i know they are floating…
    But i think, most internetsites are using sidebars and have same problem.
    i just test it with 2 other tamplates and its the same.
    3 columums and then a lot of space. looks very bad and unproffisionell ??

    so maybe i can change the code in the css or template…

    resize window?
    sure if i make smaller then i have 2 colums…
    but if i make fullscreen on my 32′ monitor i also have only 3 colums.

    Thread Starter limone111

    (@limone111)

    this helps.
    i added in my theme css

    #primary {
    width: 76%;
    }

    #secondary {
    width: 23%;
    }

    .container {
    width: 73%;
    }

    for the most tempates its working.
    but i dont think its a good solution forever…

    • This reply was modified 6 years, 2 months ago by limone111.
    • This reply was modified 6 years, 2 months ago by limone111.
    • This reply was modified 6 years, 2 months ago by limone111.
    • This reply was modified 6 years, 2 months ago by limone111.
    Plugin Author Jacques Malgrange

    (@sojahu)

    In template “rencontre_mini_portrait.php” :

    <div class="rencMiniPortrait w3-padding-small w3-col m2" style="min-width:220px">

    To override the width, just add this CSS :

    /* Example with 100px */
.rencMiniPortrait{min-width:100px!important}

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Layout’ is closed to new replies.