Support » Theme: Olsen Light » Theme width on desktop

  • obi55

    (@obi55)


    How can one make the main page content to be same size as the theme-Page itself. For example using CSS to increase the main page content (body.home.page) size moves the contents to the right thereby pushing it out of sight. It seems the easiest way would be to remove the right-hand column so that will enable the page contents to increase its size to match that of the navigation width etc… Is this correct? And how does one remove the column?

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Fotis

    (@markwaregr)

    You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    
    .home #site-content .col-md-8{
     width:100%;   
    }
    .home #site-content .col-md-4{
     display:none;   
    }
    

    in the box. This will remove the sidebar and make the content full width. You will notice that now your featured image sizes are not filling the screen!

    Thread Starter obi55

    (@obi55)

    Thank you for the answer but I wished it was correct. While it increases the page content, it moves it to the right of the screen. Thereby being way off. This CSS code moves the “site-content” to the right of the screen.

    Thread Starter obi55

    (@obi55)

    Never mind, I fixed it by changing the page template format in “Page Attribute” to “Default Template”..

    Thank you for the assistance.

    Fotis

    (@markwaregr)

    Glad you worked this out!
    Please mark this thread as resolved!

    Bet Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme width on desktop’ is closed to new replies.