Change the width of content

[Amit_Gaara]

http://www.techlila.com/ how to make the content width like this site has ? and how to make the sidebar attach the main box with a border in between for the sample child theme of genesis 2.0.1 and still keep it responsive.

[Sridhar Katakam]

Try adding the following at the end of theme's style.css (WP Dashboard > Appearance > Editor):

.site-inner {
    background: #FFFFFF;
    padding-top: 0;
    margin-top: 4rem;
}

.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {
    border-right: 1px solid #eeeeee;
}

.sidebar .widget {
    padding-left: 0;
}

.archive-pagination, .entry-pagination {
    padding-left: 3rem;
    padding-right: 3rem;
}

---

Genesis Tutorials | Follow me on Twitter

[Amit_Gaara]

but the width is different his site

[Sridhar Katakam]

Try replacing the earlier code with

.site-inner {
    background: #FFFFFF;
    padding-top: 0;
    margin-top: 4rem;
}

.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {
    border-right: 1px solid #eeeeee;
}

.site-inner {
    max-width: 1204px;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.2);
    padding: 2rem 2.6rem;
}

.content-sidebar .content, .sidebar-content .content, .title-area {
    width: 65.2778%;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar {
    width: 33%;
}

.sidebar .widget {
    padding: 16px;
}

.content {
    padding-right: 3.5rem;
}

.home .entry {
    padding: 0;
}

.entry-footer .entry-meta {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 500px) {
    .content-sidebar .content, .sidebar-content .content, .title-area,
    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar {
        width: 100%;
    }
}

---

Genesis Tutorials | Follow me on Twitter

[Amit_Gaara]

Yo that works like charm

[Author]

Posts