WordPress.org

Forums

Virtue
[resolved] Change Page Width in Virtue Theme (10 posts)

  1. timothyp
    Member
    Posted 1 year ago #

    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!

  2. Jesin A
    Member
    Posted 1 year ago #

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

    For others this is the code

    .container {
        width: 960px;
    }
  3. timothyp
    Member
    Posted 1 year ago #

    Hi, yeah, just found it! lol

  4. Jesin A
    Member
    Posted 1 year ago #

    Please mark the topic as resolved.

  5. L.Cini
    Member
    Posted 1 year ago #

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

  6. timothyp
    Member
    Posted 1 year ago #

    L. cini-
    I think it's "tahoma"

  7. Jesin A
    Member
    Posted 1 year ago #

    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.

  8. christine593
    Member
    Posted 3 months ago #

    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.

  9. hannah
    Kadence Theme Support
    Posted 3 months ago #

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

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

    Hannah

  10. christine593
    Member
    Posted 3 months ago #

    Perfect, that worked. Thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic