Full width Blog Post in Eunoia

5 posts from 3 voices

• Started 5 months ago by rsn8
• Latest reply from Nick
• This topic is not a support question

Tags:

No tags yet.

1. 

   rsn8
   Member

   Is there a way to have blog pages NOT display a sidebar?

   Thank you...Jay

   Posted 5 months ago #
2. 

   Nick
   Moderator

   Hi,

   There is a way to do it with Template Builder, but problem is that it will no loner look like a blog post ... and there is the css way

   Method # 1 : Create a Custom Template in Template Builder. Save it. Then open the Template you just saved and you will see option to have / not have sidebar. Then add element post/page content and display content of this page. Now save, and go to a blog post and on bottom right add the custom template you've just made to a blog post. See if you like it like that.

   Method # 2: A second way to do it would be with css. Here is some CSS but since it requires the sidebar to be ripped out, a lot of styles have to be tweeked , I took care of the main ones

   #top.single .sidebar.sidebar_right.four.units {
   display: none;
   
   #top .blog-meta {
   padding: 0px 30px;
   }
   @media only screen and (min-width: 1160px){
   #top.single .responsive .container .eight.units {
   width: 1050px;
   }
   #top.single .container .eight.units {
   width: 1050px;
   }}
   #top.single .sidebar_right .template-blog .entry-content .pullquote_left .inner_quote {
   width: 100%;
   left: 0px;
   margin-left: -10%;
   }

   Just add it to your custom.css file or to Quick CSS located in backend > Eunoia > Theme Options > Styles ... on bottom of that page.

   Thanks,

   Nick

   Posted 5 months ago #
3. 

   ak-muc
   Member

   HI Nick,

   i tried the method #1 and it works > no sidebar.
   but its not fullwidth. only the sidebar dissapears.

   Posted 5 months ago #
4. 

   ak-muc
   Member

   now i set all to fullwidth and it works ... but i think its not the best solution to get youre fullwidth posts archived

   Posted 5 months ago #
5. 

   Nick
   Moderator

   Hi,

   What is the URLwhere you are using the code from above. It should look fine on desktops. I need to please look at it with firebug to adjust it. (written before I read your 2nd post).

   You are correct. The best solution would be to create a native full screen implementation and second best would be to reshuffle html around by editing the templates.

   Would you be able to post the solution that has worked for you please?

   Thanks,

   Nick

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.