Hi there,
Because I wanted to use a 300px sidebar, I have added the following code I found in the forum :
<style>
@media (min-width: 1110px) {
/* Main */
#main > .container > .row {
background-position: 760px 0;
} #primary {
width: 700px;
} .news-slider .carousel {
width: 480px;
} .news-slider .carousel-inner,
.news-slider .carousel .item,
.news-slider .carousel .carousel-inner .hentry {
height: 100%;
} .news-slider .carousel-list {
width: 219px;
} #secondary {
width: 300px;
} #secondary .entry-thumbnail img {
width: 300px;
} .single .site-content > .post .entry-content {
max-width: 530px;
}
}
</style>
Now I cannot create a full width page because the added code overrides the full width setting and reduces the width of the page to 700 pixels. Is there a way of creating a full width page if I want to use a 300 pixel sidebar on the homepage by changing the code above or modifying some files of the Focus theme?
Kind regards
To resolve this issue, you can add the following code to the Header code (dashboard > Customize > custom code):
.page-template-template-full-width-php #primary {width: 1040px; }
Hope this helps !
It didn’t make any difference. Could there be an error or something that is missing?
I am sorry but this is not working. Please help.
Apologies for the delay in replying to you,I have confused in the previous answer, please add the following code:
<style> .page-template-template-full-width-php #primary {width: 1040px; }
</style>
If you still face there issue, you can send me username & password of your site for further checking.Hope this helps !
Yes, that did it. Thank you
Please login or Register to submit your answer