Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 27, 2014 at 2:01 am #215141
    akamaxbuz

    I know CSS fairly well, but I can not change the desktop page size from 1030px to 910px. What do you suggest?
    My dev site is http://www.kennethbsmith.com/clients/abww/
    Below is what I have now in the custom.css
    Thanks
    Ken
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    .container_wrap .container {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 910px;
    }
    .responsive .container .tweive.units {
    width: 910px;
    }

    }

    January 27, 2014 at 10:29 am #215254
    Ismael

    Hi akamaxbuz!

    I checked the website on desktop and the width of the container is 910px. Please remove browser cache then reload the page a few times.

    Cheers!
    Ismael

    January 28, 2014 at 9:20 pm #216051
    akamaxbuz

    Not really. It doesn’t work on the iPad in Portrait view. This is usually so simple with WordPress. Can you give me some guidance?

    January 29, 2014 at 4:21 pm #216435
    akamaxbuz

    http://www.kennethbsmith.com/clients/abww/
    I had to make progress on this client dev site, so if you look, you will see that I went back to the default settings of width: 1030 px for now. But I still want to know how to change the width of the .container on the desktop and the iPad.

    In FireBug I see this: .responsive .container { width: 1030px; } Can you explain? Changing the page width seems elementary, so maybe I am missing something.

    January 30, 2014 at 5:02 pm #217032
    Devin

    Hi!

    In the grid.css file you can copy out the initial grid sizing and then modify it to your needs. You’ll need to put it inside an appropriate media query based on what viewports you want the different size to take effect.

    See:http://css-tricks.com/css-media-queries/

    Cheers!
    Devin

    February 14, 2014 at 6:27 pm #224098
    Paul

    I wanted to ask a closely related question about this if I can – on this thread?

    Is there a formula for working out the column sizes – when setting a new basic page width? I guess the numbers don’t quite add up for me, for the column widths – is it a padding and margin and width calculation – from the page width number?

    Many thanks,
    Paul

    February 14, 2014 at 8:41 pm #224150
    Devin

    Hi Paul,

    Yes, somewhat. The basic grid in grid.css outlines all of the columns and then the margins for each as they are in the regular output of the theme. The grid.less file actually shows the raw data used to generate the grid using less (http://lesscss.org/)

    Regards,
    Devin

    February 15, 2014 at 2:27 pm #224327
    Paul

    Thanks Devin – great customer support – brilliant theme. :-)

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change page size for desktop’ is closed to new replies.