Display full-width pages

  • Resolved Darío Orlando Fernández

    (@soykatorce)


    9 years, 1 month ago

    Since long ago I use to successfully deploy Rocco’s solution for displaying full-width pages on several sites as for instance http://irachaleff.com.

    It seems to me that Version 3.5.11 has introduced some change affecting this solution. Pages are now not 100% device screen wide but about 10px narrower on each side. I could not find the reason using the Chrome Inspector tool.

    Any suggestions?

    Cheers,
    Dario

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

    (@alchymyth)

    9 years, 1 month ago

    it is added in the child theme‘s style.css:

    /* Basic font */
body, p {
    /*font-family: 'Open Sans'!important*/;
    font-size: 14px;		/* Breakpoints at 1200(16px) 1600(18px) 1800(20px)*/
    line-height: 18px;		/* Breakpoints at  980(20px) 1200(21px) 1600(23px) 1800(25)*/
    color: #5a5a5a;
    padding-left: 10px;
    padding-right: 10px;
}

    (line 142++)

    remove:

        padding-left: 10px;
    padding-right: 10px;

    if the padding is meant for the paragraphs, add:

    p {
    padding-left: 10px;
    padding-right: 10px;
}
    Thread Starter Darío Orlando Fernández

    (@soykatorce)

    9 years, 1 month ago

    Thank you Michael

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

The topic ‘Display full-width pages’ is closed to new replies.