Slider and text widget issue after 1.6 upgrade

  • KATrimels

    #3219

    Syahir,

    Having issues after the upgrade to 1.6. The sign-up box in the right column is no longer showing (text widget box using HTML code for email subscription service).

    The slider appears to be a little wider now, allowing slider images from the subsequent post to creep in. And that may be pushing the right column out. But the widget (WP default text widget) is not showing on any of the pages.

    http://www.contemporaryengineer.com

    Not sure if something is not coming through from the child theme’s adjusted container sizes.

    I’m at a loss and would appreciate any help.

    Thanx. Keith

    Anonymous

    #23923

    The default column width has been changed in 1.6 update. And, there is an option to change the widths of the container, content and sidebars in Graphene options page.

    So, try to change the Content width to 580px in Graphene Options –> Display –> Column Width Options

    [Column width

    (two-column mode) –> Content ]

    (580 px should work in your case. If it doesn’t, try 575 px or some lower value)

    KATrimels

    #23924

    Prasanna,

    I tried it on the test site (http://www.contemporaryengineer.com/testsite/) and it didn’t work. Of course I didn’t expect it to if the child theme holds precedence because the child theme shows (with a container width of 1000).

    .two-columns .post {
    width: 535px;
    }

    .two-columns #content-main {
    width: 620px;
    }

    #sidebar1 {
    width: 350px;
    padding: 0 10px 10px

    I’m going to reload Graphene 1.5.6 on the main site because it has to be ready for Monday for sure, and we cannot have our sign-up sheet missing.

    So, for troubleshooting this issue from here on out, we’ll have to work off the test site.

    Thanx. Keith

    Anonymous

    #23925

    From 1.6 onwards, don’t change the container widths in CSS.

    KATrimels

    #23926

    Thanx for the reply, Prasanna. Syahir is the one who adjusted the width when he created a child theme about 6 months ago. He put the following code in the child theme:

    #container {

    width: 1000px;

    }

    Since the header and everything else have been built on the 1000 px total width, we need to figure out how to fix our issue with the 1.6 upgrade. It doesn’t seem reasonable that we should be frozen at theme version 1.5.6 for perpetuity.

    The slider width is different than the main column width for one. And the text widget is not showing up at all on the right column of the test site (www.contemporaryengineer.com/testsite/) as it does on the production site (www.contemporaryengineer.com).

    Do you have any suggestions for how to fix the width issues?

    Thanx in advance.

    Keith.

    Anonymous

    #23927

    To increase the container width to 1000px, go to Graphene Options –> Display –> Column Width Options and put 1000 in Container width slot. And if you change the Column width just below the Container width, it affects both post content area and the slider.

    So, I think you should comment out all width properties in child theme stylesheet and use Column Width Options in the graphene options.

    It’s been so easy to change the column widths in the 1.6 update

    KATrimels

    #23928

    Sorry for the delay and trying out your solution, Prasanna.

    After upgrading to Graphene 1.6.1, I pulled the code out as mentioned and have the columns looking almost right. I say almost for two reasons.

    First – the slider on the welcome page (http://www.contemporaryengineer.com/testsite/) is missing the left & right blue borders. I’ve looked through the child theme code (and using Firebug on the page) but can’t find anything that looks like a border or padding setting. Want to get the borders back.

    Second, after some trial and error with the column widths in the new theme version, I got the text box to show up in the right sidebar. But the padding is now uneven between the content column and right sidebar, and between the right sidebar and the right edge of the container. The padding is correct between the left edge of the container and the content column. You can compare the above page with the live site (running 1.5.6) to see what I mean (www.contemporaryengineer.com).

    What am I missing?

    Keith

    Child Theme Code (after deleting widths and trial & error):

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.contemporaryengineer.com/
    Description: Child theme for the Graphene theme, developed specifically for the contemporaryengineer.com website
    Author: Syahir Hakim
    Author URI: http://www.khairul-syahir.com
    Template: graphene
    Version: 1.0

    */
    @import url("../graphene/style.css");

    .entry-content p, .entry-content ul, .entry-content ol{
    font-size:14px;
    line-height:20px;
    }

    #content {
    background: #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px;
    }

    #content {
    padding-left: 0px;
    }

    .two-columns .post.nodate,
    .two-columns .post.page,
    .two-columns .post.post_404,
    .two-columns .post.post_404_search {

    }

    .two-columns .post {

    }

    .two-columns #content-main {

    }

    #sidebar1 {

    padding: 0 0px 0px;
    }

    #sidebar1, #sidebar2 {
    margin-top: 0;
    }

    .homepage_pane {
    margin-left: 16px;
    }

    .post,
    #commentform,
    #comments li.comment {
    border-radius: 0 !important;
    }

    .two-columns .featured_slider #slider_root {

    }

    .two-columns .slider_post {

    }

    #table {
    border-collapse: collapse;
    }
    table td,
    table th,
    table tr {
    border: 0px solid #ccc;
    font-family: arial;
    padding: 2px 2px;
    }
    table th {
    background: #e0e0e0;
    border-bottom-width: 2px;
    }
    table tr {
    background: #ffffff;
    }
    table tr.alternate {
    background: #fff;
    }

    #header {
    background-position: center top;
    background-repeat: no-repeat;
    border-top:1px solid #000;
    height: 150px;
    width: 100%;
    position: relative;
    }

    #header .sidebar-wrap {
    float: right;
    position: absolute;
    top: 55px;
    left: 725px;
    z-index: 1000;
    }

    #footer {
    background: url(images/sprite_h.png) left -952px repeat-x #111;
    border-top: 1px solid #d5d5d5;
    padding-top: 20px;
    margin-bottom: 10px;
    min-height: 50px;
    position: relative;
    color: #999;
    padding-bottom: 20px;
    }

    #developer {
    text-align: right;
    clear: right;
    padding: 10px 20px 0 20px;
    float: right;
    }

    #header-menu > li {
    font: normal 15px arial;
    margin: 0 2px;
    }

    #header-menu > li:first-child {
    margin-left: 10px;
    }

    #header-menu > li > a {
    color: #fff;
    line-height: 17px;
    padding: 7px 10px 6px;

    #secondary-menu > li {
    font: normal 14px arial;
    margin: 0 2px;
    text-transform: uppercase;
    float: right;
    }

    .entry-content img,
    .child-page img {
    border: 0px solid #e3e3e3;
    margin: 5px;
    }

    Anonymous

    #23929

    Your #header-menu > li > a code is missing a closing brace }. 13th line from the bottom.

    KATrimels

    #23930

    Thanks for the catch, Prasanna. Unfortunately, that took out my widget text box (the sourced image anyway) and did nothing for the missing slider right & left borders (you can see the results at http://www.contemporaryengineer.com/testsite/).

    And I’m still struggling with how to adjust the spacing/padding on the left and right sides of the sidebar.

    Any thoughts?

    Thank you!

    Anonymous

    #23931

    I’m having this problem as well. The left and right side of the slider borders are gone, and it looks messy. Any way to change it?

    http://fmlight.com/

    ~ Zan

Viewing 10 posts - 1 through 10 (of 15 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!