• Okay, so I just updated my website to wordpress 3.4.2, although I still have the graphene version 1.8.1. That update changed a bunch of things on my site, but most of which I have been able to fix. What I can not seem to figure out is how to fix the slider. If you take a look at my site: http://jennabeneskiproductions.com/ it is clear to see the problem. The slider is there, but it is condensed almost, and I can not seem to get the featured images to go across the whole page. Please help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    First thing remove your width of 40 pixels to .slider_post, e.g;
    from

    #content .featured_slider, .container_16 #content .slider_post {
     width: 40px;
    }

    To

    #content .featured_slider {
     width: 40px;
    }

    Thread Starter Jnbeneski

    (@jnbeneski)

    Thank you for responding, I am looking through the editor to find the code you are talking about and i found #content and .featured_slider but I can not seem to find where it is saying width: 40px. Not to overwhelm you but here is all the code related to the slider that I have:

    .featured_slider {
    -pie-background: linear-gradient(left top, #0F2D4D, #2880C3);
    background: #0F2D4D;
    background: -moz-linear-gradient(left top, #0F2D4D, #2880C3);
    background: -webkit-linear-gradient(left top, #0F2D4D, #2880C3);
    background: -o-linear-gradient(left top, #0F2D4D, #2880C3);
    -ms-filter: “progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr=’#0F2D4D’, EndColorStr=’#2880C3′)”;
    background: linear-gradient(left top, #0F2D4D, #2880C3);
    margin-bottom: 20px;
    padding: 25px 0;
    position: relative;
    width: 100%;
    clear: both;
    }
    .full-width-slider .featured_slider {
    margin: 0 10px 20px;
    }
    .bottom-slider .featured_slider {
    margin-bottom: 0;
    }
    .bgimage-excerpt.featured_slider {
    padding: 0;
    -pie-background: none;
    background: none;
    -ms-filter: “progid:DXImageTransform.Microsoft.gradient(enabled=’false’)”;
    }
    .thumbnail-excerpt.featured_slider {
    margin-bottom: 30px;
    }
    .featured_slider #slider_root {
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 400px;
    width: 940px;
    }
    .three-col-right .bgimage-excerpt.featured_slider #slider_root {
    margin-left: 0;
    }
    .bgimage-excerpt.featured_slider #slider_root {
    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;
    }
    .featured_slider .slider_items {
    position: center;
    width: 940px;
    height: 400px;
    }
    .sliderpost_featured_image {
    float: left;
    margin: 4px 1em 12px 0;
    }
    .sliderpost_featured_image img {
    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;
    }
    .slider_post {
    float: left;
    position: relative;
    height: 100%;
    }
    .slider-entry-wrap {
    margin: 20px;
    }
    .fade .slider_post {
    position: absolute !important;
    left: 0;
    top: 0;
    display: none;
    }
    .slider_post_entry p{
    margin-bottom: 10px;
    }
    .bgimage-excerpt .slider_post {
    padding: 0;
    position: relative;
    height: 100%;
    }
    .slider-bgimage {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    height: auto;
    }
    .thumbnail-excerpt .block-button {
    position: absolute;
    right: 15px;
    bottom: 10px;
    }
    .sliderpost_featured_image {
    margin: 20px 1em 1em 20px;
    }
    .bgimage-excerpt .slider-entry-wrap {
    background: url(images/black70.png) repeat;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 10;
    }
    .slider_post .permalink-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    }
    .slider_post .permalink-overlay span {
    display: none;
    }
    .bgimage-excerpt .slider-entry-wrap .slider-content-wrap {
    padding: 5px 10px;
    }
    .bgimage-excerpt .slider_post h2 a,
    .bgimage-excerpt .slider_post h2 a:visited {
    color: #fff;
    font: normal 20px “Pontano Sans”, arial, sans-serif;
    }
    .bgimage-excerpt .slider_post_entry p {
    color: #ccc;
    }
    .slider_post h2 {
    border-bottom: none;
    }
    .slider_post h2 a,
    .slider_post h2 a:visited {
    font: normal 26px georgia;
    }
    .slider_post a.continue_reading {
    display: none;
    }

    I am a novice with wordpress so I can imagine i’m just missing something obvious.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section in your dashboard named, “Custom CSS”?

    @jnbeneski:

    Please do not post long code excerpts to the forum. If you feel that you must, please use pastebin.com. Be sure to read the forum rules.

    If you do include short code snippets, please enclose it between backticks.

    Custom CSS for Graphene: Go to Graphene Options >> Display Options >> Custom CSS. (It’s all the way at the bottom.) Enter whatever custom CSS you would like and be sure to click “Save.”

    Editing core theme files is not recommended. Graphene is in active development, so when you upgrade, you will lose your modifications. If you choose not to upgrade, you lose out on valuable new features. Use a child theme instead:
    http://docs.graphene-theme.com/Customisation_using_a_child_theme

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Post Update Graphene Slider Issue’ is closed to new replies.