WordPress.org

Ready to get started?Download WordPress

Forums

Post Update Graphene Slider Issue (5 posts)

  1. Jnbeneski
    Member
    Posted 1 year ago #

    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!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  3. Jnbeneski
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. kjodle
    Member
    Posted 1 year ago #

    @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

Topic Closed

This topic has been closed to new replies.

About this Topic