WordPress.org

1. stuart_edwards5
   Member
   Posted 5 months ago #

   Hi there, I have a strange issue with the 'Full Width' template using the Bueno theme.

   When I choose the 'Full-Width' templete when creating a new page, the content within it looks as if it is constrained by the 'default template' width constraints.
   The same goes for images. They're literally cut in half!

   I've read another post on the forum similar to the problem I'm having - but nothing that answers the issue. The post mentions a theme update last year, but that's it.
   http://en.forums.wordpress.com/topic/left-align-makes-images-go-full-size

   Here are examples from my website here and here

   (Note: The image used is 850px)

   I hope someone can help me with this frustrating issue!

   Thanks

2. sacredpath
   Member
   Posted 5 months ago #

   In custom.css, in .entry, the width was set at 559px. Below I have specifically targeted full-width page templates and set the width to 100%. In .post there was 34px of left padding, and I again specifically targeted the full-width page template and changed it so that there is 34px on left and right to keep the content centered.

   Add this to the bottom of custom.css and then make sure and check other pages to make certain that this doesn't cause issues.

   .page-template-template-fullwidth-php .entry {
   width: 100%;
   }
   
   .page-template-template-fullwidth-php .post {
   padding: 50px 34px 0;
   }

3. stuart_edwards5
   Member
   Posted 5 months ago #

   Thank you for the fast reply!

   No joy with the code unfortunatly. The image still doesn't display properly, and the content isn't spanning the full width.

   Should I remove the .entry width in the custom.css?

   Here are two examples from my site:
   Here and here

   Thanks again.
   Stu

4. sacredpath
   Member
   Posted 5 months ago #

   Hmm, I put that at the bottom of the custom CSS with Firebug and it worked. Try it with the "!important" attribute as follows.

   .page-template-template-fullwidth-php .entry {
   width: 100% !important;
   }
   
   .page-template-template-fullwidth-php .post {
   padding: 50px 34px 0 !important;
   }

5. stuart_edwards5
   Member
   Posted 5 months ago #

   Sorry for the late response. Hope you had a good Christmas!

   Still having trouble with the width issue.

   The code you gave me worked fine, but only when I removed the code below...

   .entry {
   overflow: hidden;
   text-align: justify;
   width: 559px;
   }

   If I remove this code, it ruins the layout of my entry's on the homepage, and seems to remove the right-hand padding of my posts.

   But keeping the code stops the full-width template from displaying properly...

   Any ideas?

   Thank you very much again,.
   Stuart

6. sacredpath
   Member
   Posted 5 months ago #

   Are you putting the code I gave at the very bottom of the CSS?

7. stuart_edwards5
   Member
   Posted 5 months ago #

   Yeah it's at the very bottom of my 'custom.css' file

Reply

You must log in to post.