CSS to increase the max width of elements

  • Unknown's avatar
    caasichou · Member ·

    Hi, I am working on a webpage for a superwide screen (15360×2160) and the theme I am using, flatsome ( https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319 ), has a max width of 1080px for some elements. For example this is ripped from their .CSS:

    .container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1080px;
    }

    I wanted to simply overwrite this with my own CSS, redefining it in the CSS tab, but it seems whatever I do still keeps this property. I’ve done a few things to try to rectify this, including changing the max width for all elements in main to 100%,1025rem, and to 15360px — changing the min width to the aforementioned values (min width override), and, max width none, unset, inherit, even going so far to making the elements at hand a different subclass. All of my other CSS changes are coming through perfectly, (added buttons, Jquery dynamics, Asynch, etc.), but this one width property is driving me crazy. Any and all suggestions and help appreciated!

    -BlackOyster

    WP.com: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to moderators and staff)

  • supernovia · Staff ·

    Hey BlackOyster! Can you contact their support directly? They may have a function or root CSS or something somewhere that defines that, but they’ll be the best to know.

    Going forward, these forums are for the sites hosted here on our servers. If you use other hosting, there is another forum for the free WordPress software. You can find that here:
    https://wordpress.org/support/forums/

    And if you’d like more info about the difference between the WordPress software and the services by WordPress.com, we have more info here. Let us know if you have any questions!

  • Unknown's avatar
    caasichou · Member ·

    Just a question who is the “their” in question, the theme was bought from wordpress, hosted on wordpress, edited using wordpress. Is this not wordpress? I am paying for hosting on the site and I just need to know how to get around this problem. tl;dr I paid for everything from the theme to the hosting through wordpress.

  • aleone89 · Staff ·

    Hey there,

    Just a question who is the “their” in question, the theme was bought from wordpress

    This would be the support team with the theme developers: https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319

    Is this not wordpress?

    There are two types of WordPress. WordPress.com and self-hosted WordPress.

    Self-hosted WordPress is when the free open source version of the software is downloaded from WordPress.org and installed on a server (GoDaddy, Bluehost…etc).

    The two are considered separate and there are pros and cons to both: https://en.support.wordpress.com/com-vs-org/

    What is the URL of the site you require help with?

  • Unknown's avatar
    caasichou · Member ·

    Hi, the URL is not yet public (to be released), but I am hosting a clone on my free current wordpress. I asked the theme providers and they said to “ask the host”, which has effectively sent me in a circle.

  • aleone89 · Staff ·

    Hello there,

    Hmm, that advice does not sound accurate – as theme CSS, pertains specifically to the theme, not the hosting.

    You may wish to inform the theme developers as such. I hope this helps.

  • The topic ‘CSS to increase the max width of elements’ is closed to new replies.