site/content width in Venture theme

  • Unknown's avatar
    lienamongtrees · Member ·

    Hi,

    I’ve been trying to make the general site content of our website wider/maximum width according to screen size. Here’s a screenshot of what I mean:

    (most of the website is private because we’re working on it, but I’ve made one portfolio page public: https://thresholdenvironmental.com/portfolio/yarraweyah-falls/ )

    I’ve chatted with someone from the support team, but they couldn’t figure it out so they referred me to this forum. Hope you can help… This is what they said:

    Looks like there is some kind of hard-code that doesn’t allow to do that, however, I recommend you to try asking your question on the CSS specific forums: https://en.forums.wordpress.com/forum/css-customization/

    I’ve tried the following CSS codes thus far, without succes:

    .main-container {
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block;
    padding: 0;
    }

    ——————————

    .container {
    width: 100%;
    }

    .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
    }

    ——————————

    .site-main {
    max-width: 80%;
    }

    ——————————

    .site-main {
    max-width: 80% !important;
    }

    Anyone have any ideas? Thanks in advance…

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    lienamongtrees · Member ·

    Update:

    I managed to more or less achieve it with the following code:

    .site-main {
    max-width: 100% !important;
    }

    and set the media width to 2000 px (as opposed to the standard 750 px).

  • Unknown's avatar
    samifett · Member ·

    Nice! The theme’s CSS is indeed setting values you may not be able to easily change. For example, the .site-main is actually wrapped by a .container class which also effects the maximum width.

  • The topic ‘site/content width in Venture theme’ is closed to new replies.