Project page - full width

Dear Support,

Kindly advise. I have deleted all widgets on the sides. How can I make the project content full width now?

Thank you in advance.

Hi,

Unfortunately, there is no option to do that. But you can make it full width by adding this CSS code to Customize > additional CSS:

.single-dslc_projects #primary {
    width: 100%;
}
.single-dslc_projects #secondary {
    display: none;
}

Regards,

Hi,

Great, it worked! But what about the featured photo and title? It stayed as previously. Please advise!
http://arbokinternational.com/project-view/project-no-3/

Oh… you want to make it centered? Add this code too:

.single-dslc_projects header.entry-header {
    text-align: center;
}

.single-dslc_projects header.entry-header .entry-meta {
    margin: 15px;
}

.single-dslc_projects 
.single-thumb img {
    width: 100%;
}

Great help! Thank you so much!

1 Like