Same width on the sidebars

  • Resolved jesuslopez65

    (@jesuslopez65)


    7 years, 2 months ago

    I want to make the two sidebar (right and left columns) with the same width (300 px) and that the central content remains centered. Any idea how to do it?

    Thanks all.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jesuslopez65

    (@jesuslopez65)

    7 years, 2 months ago

    I try `.col-3cm .main { background: url(img/sidebar/s-right-s2.png) repeat-y right 0; }
    .col-3cm .main-inner { background: url(img/sidebar/s-left.png) repeat-y left 0; padding-left: 300px; padding-right: 300px; }
    .col-3cm .s1 { float: left; margin-left: -340px; }
    .col-3cm .s2 { float: right; margin-right: -340px; /* ingenuity! */ position: relative; right: -90%; }
    .col-3cm .content { float: right; }
    ` but it doesn’t works as expected. Any idea? Thanks.

    • This reply was modified 7 years, 2 months ago by jesuslopez65.
    Theme Author Alexander Agnarson

    (@alxmedia)

    7 years, 2 months ago

    Add this in Customize > Additional CSS:

    
@media only screen and (min-width: 1201px) {
.col-3cm .main { background-image: url(https://i.imgur.com/3FcwMHZ.png); }
.col-3cm .main-inner { padding-right: 340px; }
.col-3cm .s2 { width: 340px; margin-right: -340px; }
}
@media only screen and (min-width: 480px) and (max-width: 1200px) {
.s2-expand .s2 { width: 340px!important; }
}
    Thread Starter jesuslopez65

    (@jesuslopez65)

    7 years, 2 months ago

    Works great and it also worked on Typecore. Thankful. Regards.

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

The topic ‘Same width on the sidebars’ is closed to new replies.