[BUENO THEME] Full-width issue

  • 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.
    https://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

Viewing 6 replies - 1 through 6 (of 6 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    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;
}
    Thread Starter stuart_edwards5

    (@stuart_edwards5)

    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

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    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;
}
    Thread Starter stuart_edwards5

    (@stuart_edwards5)

    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

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

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

    Thread Starter stuart_edwards5

    (@stuart_edwards5)

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[BUENO THEME] Full-width issue’ is closed to new replies.