• Resolved louidam

    (@louidam)


    Hello,

    I would like to change the width on my blog, so there is’nt so much space in the side.

    Can I change it in the css, and where?

    My blog: https://www.louisesmadblog.dk

    [Moderator note: You don’t need to post the CSS if you’re linking your site]

    Thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Please open https://www.louisesmadblog.dk/wp-content/themes/callixtus/css/styles.css this file and modify this css class

    #page-wrap {
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    width: 960px;
    }
    to
    #page-wrap {
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    width: 1200px;
    }

    .top-image {
    margin-bottom: 10px;
    margin-top: 20px;
    width: 960px;
    }
    to
    .top-image {
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
    }

    .pagenav {
    background-image: url(“../images/nav_bg.jpg”);
    background-repeat: repeat;
    height: auto;
    padding-bottom: 3px;
    position: relative;
    width: 960px;
    }
    to
    .pagenav {
    background-image: url(“../images/nav_bg.jpg”);
    background-repeat: repeat;
    height: auto;
    padding-bottom: 3px;
    position: relative;
    width: 100%;
    }

    #content-wrap {
    width: 960px;
    }
    to
    #content-wrap {
    width: 100%;
    }

    #center-wrap-large {
    margin-left: 0;
    width: 960px !important;
    }
    to
    #center-wrap-large {
    margin-left: 0;
    width: 100% !important;
    }

    .sidebar-wrap {
    border-top: 1px solid #D6D6D6;
    float: right;
    margin-top: 60px;
    padding-top: 20px;
    width: 960px;
    }
    to
    .sidebar-wrap {
    border-top: 1px solid #D6D6D6;
    float: right;
    margin-top: 60px;
    padding-top: 20px;
    width: 100%;
    }

    Thread Starter louidam

    (@louidam)

    Thank you very much. I got it to work! But I could not find this:

    .sidebar-wrap {
    border-top: 1px solid #D6D6D6;
    float: right;
    margin-top: 60px;
    padding-top: 20px;
    width: 960px;

    But it looks great anyways. Thank you very much!

    Thread Starter louidam

    (@louidam)

    Resolved

    Your problem is solved ?

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