Change website's width of home page

  • Hi,
    I’ve change my website’s width using this code (in the file style.css of my Child Theme):

    #content{
   max-width:800px;
   position: relative;
   float: none;
   text-align: center;
   margin: 0 auto;
   margin-top: 0px;
}

    It works perfectly in every page (changing width to 800px and leaving margins in both sides) except in the main one. I don’t understand why it is still occupying all the width. Could someone help me?
    My website is: https://contrapicado.es/
    Thank you very much in advance.

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

  • That’s cause you don’t have a #content in your main page.
    You can add this to your style.css, just to start. Then you have to tune the thumb-wrapper and round-div alignments and sizes (*), and the global responsiveness (see media queries):

    /*remove customizr-slider part if you don't want that its width is 800px too*/
#customizr-slider.container,
.container.marketing {
    width: 800px;
}
/* force .marketing .row to behave like .row-fluid */
.marketing .row {
    width: 100%;
    margin: auto;
}
.marketing .row .span4 {
    margin-left: 2.127659574%;
    width: 31.914893617%;
}
.marketing .row .span4:first-child {
    margin-left: 0px;
}

    Hope this helps

    (*)For example:

    .widget-front .thumb-wrapper{
    left: -7px;
}
.widget-front .round-div{
    top: -70px;
    height: 168px;
}

    could be a good starting point.

    Thread Starter Adeluski

    (@adeluski)

    Thank you so much! Now it works! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change website's width of home page’ is closed to new replies.