Support » Theme: Virtue » Change Page Width in Virtue Theme

  • Resolved timothyp

    (@timothyp)


    Hi everyone!

    I downloaded this theme yesterday and I’m super-impressed with it! Only thing is, I’d like the page width to be narrower – 960px to be specific.

    I found a forum topic on here yesterday where someone gave the original poster a snippet of code to put in the “custom css” box of the advanced setttings bit and I tried it and it worked!

    However, something went haywire a few minutes ago and now my site is back to it’s original width – looks like 1170px.

    Thing is, I cannot find that post again anywhere! Does anyone know what css I need to put in to make it work?

    My site is here: http://hand.handmadecrafthouse.co.uk/

    Thanks in advance!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Jesin A

    (@jesin)

    Looks like you found that code. Your site is at 960px again.

    For others this is the code

    .container {
        width: 960px;
    }
    timothyp

    (@timothyp)

    Hi, yeah, just found it! lol

    Jesin A

    (@jesin)

    Please mark the topic as resolved.

    L.Cini

    (@lcini)

    TimothyP, I like the font on your product page. What font did you use?

    timothyp

    (@timothyp)

    L. cini-
    I think it’s “tahoma”

    Jesin A

    (@jesin)

    The exact CSS value for the font is font-family: Verdana,Geneva,sans-serif

    Use Firebug to find out the font and style of any website.

    I used this code to make the width of my site narrower:

    .container {
    width: 960px;
    }

    But I’m wondering how to do this without affecting the mobile version of the site, which is now also displaying at 960px? I like this width for the desktop version, but want mobile to adjust automatically to the screen.

    hannah

    (@hannahritner)

    Hey christine593,
    Just need a media query. Try this:

    @media (min-width: 1000px) {
    .container {
    width: 960px;
    }
    }

    Hannah

    Perfect, that worked. Thank you so much!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Change Page Width in Virtue Theme’ is closed to new replies.