Not enough horizontal room on pages.

Hello,

Indeed, in the way this theme built its layout you cannot do it 4×1.
[ redacted ]

However you can try this into style.css file (please use Child Theme)

@media (min-width: 1200px){
.col-lg-offset-2 {   margin-left: 0px;}
.col-lg-8 { width: 100%;}
}

Regards

• This reply was modified 8 years, 3 months ago by Jan Dembowski.

Side note not related to this topic: @masterjuan Please do not ask anyone for access to their site that way. That is actively discouraged and not allowed in these forums.

https://codex.www.ads-software.com/Forum_Welcome#The_Bad_Stuff

You can walk people through a solution but requesting access isn’t permitted.

Back on topic: As MasterJuan indicated, a child theme really is the way to go. ??

https://codex.www.ads-software.com/Child_Themes

Or if you like, there are custom CSS plugins that you can use to get that CSS included.

https://www.ads-software.com/plugins/search.php?q=custom+CSS

If you do go with a child theme then you’ll need to create a new directory in your wp-content/themes direcory named latte-child.

In that new directory create a functions.php file and put this in it.

<?php

add_action( 'wp_enqueue_scripts', 'latte_child_enqueue_styles' );

function latte_child_enqueue_styles() {

    $parent_style = 'parent-style';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}

Then create another file in latte-child named style.css and put this in that file.

/*
Theme Name: Latte Child theme
Description: A Child theme for the Latte theme to safely make changes
Version: 0.1
Template: latte
*/

@media (min-width: 1200px){
.col-lg-offset-2 {   margin-left: 0px;}
.col-lg-8 { width: 100%;}
}

See the @media part? I copied that from MasterJuan’s CSS that he provided.

Once you’ve created those files, in your WordPress dashboard look for and activate the Latte Child theme and your new CSS should be active.

@jdembowski thanks for the notice!
It will not happen again! It’s my first time to a WordPress Contributor Day.

Best regards!

It’s all good and thanks for the CSS. I always get the CSS completely wrong and your answer was good. ??

I will actually advice you to edit the CSS classes instead of modifying the CSS properties as they are Bootstrap classes which are used in other places as well. For example, you can edit the single.php and page.php file and replace the following:

<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">

with:

<div class="col-lg-12 col-md-12>

And as always, use a child theme to make the changes.