WordPress.org

Ready to get started?Download WordPress

Forums

Oxygen
Change front page body width (4 posts)

  1. textosa
    Member
    Posted 1 year ago #

    I can't seem to change the width of the body in the home page of my site: http://www.textosa.es/

    I would love to eliminate the indentation or modify in some way the theme so that the primary and secondary post area is wider. I don't care if this messes up the site readability for smartphones and tablets, 99% of my readers are reading my site on their computers and laptops. Is there any way to do this? I've modyfied the style.css file but I was only able to change the width of the footer widgets. Help? Is this even possible?

    http://wordpress.org/extend/themes/oxygen/

  2. Mark
    Member
    Posted 1 year ago #

    Pretty much anything is possible. But for us to be of any help you need to provide more details on what you want precisely and on the modifications that you did try to make.

    Do you want to change the width on all pages? Homepage only? Single posts? With or without sidebar? You need to be this specific because style.css sets the width for all these elements and you can change all of these individually.

  3. Suedish
    Member
    Posted 8 months ago #

    I'd also like to change the width of the posts. In my case it's for all the posts, how do I go about changing the width for them? I'd them to be about twice as wide. Whre do I change this?

    I want to keep the sidebar on the left side, and just change the width for pages (not posts). Thanks.

  4. Noone Here
    Member
    Posted 8 months ago #

    Hello!

    The easiest way is to create a child theme, and make some css modifications there.

    More info how to create a child theme you can find here:
    http://codex.wordpress.org/Child_Themes

    In your particular case, your child theme's css file should contain this:

    /**
     * Theme Name: Oxygen Child
     * Theme URI: http://alienwp.com/themes/oxygen/
     * Description: NOTE: 0.5 is a major update. Please backup your theme before updating and read the changelog.txt file for details. Oxygen is a minimalistic, mobile-optimized magazine theme with responsive layout. The main features include a featured content slider, custom front page template, 5 widget areas, and 3 menus.
     * Version: 0.5
     * Author: AlienWP
     * Author URI: http://alienwp.com
     * Tags: flexible-width, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, three-columns, right-sidebar, left-sidebar, custom-background, featured-images
     * License: GNU General Public License v2.0
     * License URI: http://www.gnu.org/licenses/gpl-2.0.html
     * Template: oxygen
     */
    
     @import url("../oxygen/style.css");
    
     /* =Theme customization starts here
    -------------------------------------------------------------- */
    
    #content {
        float: left;
        margin: 0 0 30px;
        width: 80%;
    }

    And of course don't forget to activate the child theme.

    You can fine-tune the width percentage value based on your needs, the original value was around 62%. However, you should check the theme's responsiveness after the modifications.

    I hope this helps, if you have any more questions, feel free to post them here.

    Greetings,
    Balint

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags