So your main Container the part with the content area and sidebar goes to a max width of 1024px. if you increase it then the sidebars will stay the same width and the extra width goes to your content area.
Now how do you do this:
in you style.css on line 470 this part is defined and you can edit it there. but remember this could break your site if you go overboard with the widening.
further if you just want the container to widen and not the header, footer et al. then just add this css
.container {max-width:1170px!important;}
the !important
will make sure this style is used.
You can also remove the max-width:1024px;
bit and see the website as below.
Related Posts:
- Customize Bootstrap checkboxes
- Is there a CSS parent selector?
- How can I center an absolutely positioned element in a div?
- How do I hide the bullets on my list for the sidebar?
- css transition opacity fade background
- Text-decoration: none not working
- CSS transition shorthand with multiple properties?
- How to center HTML5 Videos?
- Using custom fonts using CSS?
- Why is my Bootstrap code not working?
- What is the difference between visibility:hidden and display:none?
- Center a position:fixed element
- How to change the background colour’s opacity in CSS
- difference between css height : 100% vs height : auto
- How to make canvas responsive
- Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
- Disable SSL / HTTPS for wordpress
- Forcing reload of editor-style.css
- Style something only on the home page
- How can I make the wordpress editor apply the selected template?
- How do I register/enqueue a custom CSS file?
- How do I remove specific styles from the parent theme css using the child theme css?
- How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
- PageLines theme: how to change the background color of the main content vs. entire page?
- Changing CSS in Twenty Eleven to change font size of body text
- When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
- Can the Theme Customizer be used to generate static/cachable CSS, and how?
- Woocommerce include custom stylesheet after woocommerce styling [closed]
- raw code vs wordpress
- Remove id attribute from stylesheet link
- Font embedding in wordpress
- Is there a way to change the backround color of the native video player in wordpress?
- How to create fa-bars animated menu
- Only column gallery on mobile device
- Does costum code in the root folder get lost when wordpress is updated?
- WordPress Light/Dark Theme best practices? Is there a way that really works?
- footer disappear on some pages frequently
- Changing CSS FilePath for All Pages
- CSS Minification
- wp_add_inline_style breaking style and not working
- show count is out of the anchor tag in wp_list_categories
- jQuery UI styles conflicting with TinyMCE dialog
- How to add a custom CSS class to ALL links
- Why won’t my custom login page CSS load?
- Display Something in the Header After All Styles are Loaded
- wordpress – site not update after update style.css
- NGINX+wordpress: CSS being served but not applied
- How to apply CSS based on publishing date
- Menu toggle bar works only on some pages in WordPress
- Including CSS files in HEAD based on page content
- Video header on mobile, disappears behind header and content
- Free theme and css/bootstrap.css is not overridden in the child theme
- How to style text in WordPress
- Use special fonts on a non-hosted WordPress blog
- WordPress hide the username/password fields in login page
- Disable CSS for IE 8 and earlier.
- Equal height sections in custom Headway Theme
- Links on the page, when being printed, have the URL next to them
- How do I minify ‘@import’ css files with wp-minify?
- Selector for page to set up scrolling plugin
- Button doesn’t work in the profile panel
- How To Remove All Other Plugins CSS
- My css don’t get applied on the costume widget
- Stop custom Gutenberg styles taking over other admin bits?
- astra theme costum css not working in wordpress 5.6
- Change post featured image
- Is there a way to cache mailchimp css on wordpress?
- Trying to get my CSS files to load last using add_action(after_setup_theme, add_css_js, 100000)
- Trying to modify the background of a form on a specific page
- Clickable Text To Replace Radio buttons
- Removing a CSS rule from Custom Taxonomy
- How to get different html tags from the content using regex?
- Performance hit of Inline CSS
- Remove top bar header
- Hide duplicate entry title
- How to disable all css from the theme for a specific post type page
- Change WP Child theme CSS for WP Bootstrap Starter Theme
- Fonts are parsed in one way but rendered in a different way
- use css for resize image into mobile thumbnail
- How to set up workspaces with Chrome & WordPress?
- How to Position Read More link after post excerpt?
- Add WordPress Core CSS into editor-style.css
- WP Page Builder – Remove table border?
- adding a favicon to site2 – site1/site2/favicon.ico
- How to make CSS load live based on options clicked in the theme customizer?
- Which files can be replaced in a child theme?
- Inserting a DIV Block Into a Listing of Excerpts?
- How do i make a sidebar background color? [closed]
- How to remove audio player styles added by mediaelement.js JavaScript?
- Do you use css reset in your child theme [closed]
- CSS messes up when CACHE is cleared
- Twenty Fourteen Theme – Moving left sidebar to the right
- WordPress doesn’t respect “ver” parameter in styles [closed]
- why does WordPress custom css convert alpha to hex values?
- how to change the colour of this background
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- How to add css to wp_head depending on the user role?
- can i custom rendered content from API?
- How to include Elementor CSS in custom php file [closed]
- What is unsafe about this CSS?