How do I Change Slider Excerpts to Right

  • MediaHead

    #5648

    When I upgraded to Version 1.8.1 the slider post excerpts moved to the bottom and the posts bullets are centered. From the Forum I was able to get css to move excerpts to the left. What is needed to move excerpts right and bullets left?

    Also the drop down menu does not work over the slider.

    Website – http://chiarellalaw.com

    Current Custom CSS;

    #header-menu ul li:hover > a,
    #header-menu ul li.current-menu-item > a,
    #header-menu ul li.current-menu-ancestor > a {color: #FF9933;}
    .full-sized .slider-entry-wrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 35%;
    }
    .sliderpost_featured_image {
    float: right;
    margin: 4px 0 12px 1em;
    }
    .slider_post_entry .block-button, .slider_post_entry .block-button:visited{
    float: right;
    }

    Anonymous

    #32383

    Add this to Custom CSS or Child theme style sheet

    .full-sized .slider-entry-wrap {
    left: 416px;
    }

    #nav, #nav ul {
    z-index: 20 !important;
    }

    .slider_nav {
    text-align: left;
    }

    Please put code in between backtick (

    Code:
    `

    ) characters in this forum. It’s usually located above the Tab key on your keyboard. I’ve added them in your post.

    MediaHead

    #32384

    Thank you for the very prompt reply. I added the CSS; the drop down zIndex fixed the problem with the Nav.

    On the Slider excerpts; the text is now right but the word wrap is not correct. See http://chiarellalaw.com slider now.

    PB.

    Quote:
    Add this to Custom CSS or Child theme style sheet

    .full-sized .slider-entry-wrap {

    left: 416px;

    }

    #nav, #nav ul {

    z-index: 20 !important;

    }

    .slider_nav {

    text-align: left;

    }

    Please put code in between backtick (

    `

    ) characters in this forum. It’s usually located above the Tab key on your keyboard. I’ve added them in your post.

    Anonymous

    #32385

    Did you remove top, right, width etc from .full-sized .slider-entry-wrap? Just add left: 416px; to .full-sized .slider-entry-wrap in the Custom CSS you’ve provided in your first post.

    It should look like this,

    .full-sized .slider-entry-wrap {
    top: 0;
    right: 0;
    height: 100%;
    width: 35%;
    left: 416px;
    position: absolute;
    }

    MediaHead

    #32386

    Thank you the New CSS worked.

    PB.

    MediaHead

    #32387
    Quote:
    Thank you the New CSS worked.

    PB.

    Prasanna,

    Is there a way to have the excerpt overlay not so dark? The current degree of transparency does not allow the photo underneath to be seen.

    PB.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

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