WordPress.org

Forums

Fashionistas
Page width (3 posts)

  1. modedamorie
    Member
    Posted 8 months ago #

    Can someone tell me if it's possible to increase the width of my page and how to do so. Below is a link to my blog. I would like the pictures to be a bit bigger, if necessary the sidebar can be smaller. I would love to hear any suggestions.

    Thanks, Merel

    http://www.modedamorie.com/

  2. Ali-Usman
    Member
    Posted 8 months ago #

    Hi,

    Fashionistas theme is using CSS class "container" to set a WIDTH to PAGE according to screen size.It is currently 980px for desktop screens.

    You can change it by editing CSS class code block.

    .container {
    	/* set your desired WIDTH */
    	width: 1200px;
    }

    IMPORTANT: Standard desktop resolution is 1024px.If you change your PAGE WIDTH to 1200 or any other WIDESCREEN size you will lose the 1024px PAGE WIDTH unless you ADD SOME MEDIA QUERIES to handle the 1024px screen size PAGE WIDTH.

    NOTE:(You can use the !IMPORTANT keyword in CSS code property if your code does not get applied in browser but always try to avoid it.)

    I recommend you to use CUSTOM CSS PLUGIN (I like My Custom CSS) while adding additional CSS.

    Please let me know if you have any questions.I would like to help you again.Thanks

  3. Ali-Usman
    Member
    Posted 8 months ago #

    Hi,
    As you have mentioned about PAGE width, for which I have answered above.Also, you have talked about SIDEBAR.So if you want to reduce the WIDTH of sidebar and want to increase CONTENT WIDTH.Here is that you can do.
    For Example: If you want to increase the CONTENT WIDTH by 100px, so you will have to reduce the SIDEBAR width by 100px.Here is what to change in CSS.
    INCREASE PAGE CONTENT WIDTH:

    .site-content {
    /* to increase the WIDTH by reducing RIGHT margin by 100px, we get*/
    margin: 0 240px 0 0;
    }

    REDUCE SIDEBAR WIDTH:

    .site-sidebar {
    /* to reduce the WIDTH by 100px,we get*/
    width: 200px;
    float: left;
    margin: 0 0 0 -200px;
    }

    NOTE :(While ADDING Custom CSS, please use custom CSS plugin (I like my Custom CSS)).

    Hope this helps about what you asked.
    Thanks

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.