Edit slider

  • conuaf

    #4140

    Hi,

    When using the slider with the “background image and excerpt” option used, is it possible that I change it so the excerpt area doesn’t touch the edges of the photo? I’ll just give an example because it’s hard to explain.

    BaseballNation.com

    Also, can I display the author name like they do?

    Thanks

    Mod

    Kenneth John Odle

    #27345

    Yes, it is.

    How handy with CSS are you (or, how much are you willing to learn)? Poke around with Firebug to figure out how any website styles something and then you can copy imitate it on your blog.

    In the meantime, try adding this to your child theme style sheet or custom CSS:

    .slider_post_entry {
    background: none repeat scroll 0 0 #E3E3E3;
    padding: 12px;
    }

    conuaf

    #27346

    I’m not too handy with CSS, but I’ll see what I can do. I’m on Chrome, so maybe I’ll install Firefox. Also, adding that code put a white box over the excerpt.

    (oh and “Copy” is the correct term, I guess)

    Mod

    Kenneth John Odle

    #27347

    I’m on Chrome, so maybe I’ll install Firefox

    Actually, you can do the same thing in Chrome: just right-click on an element and select “Inspect Element”. It’s pretty cool and you can learn tons

    Also, adding that code put a white box over the excerpt.

    That was a guess, since I didn’t know how you had your slider configured. Try

    .slider-entry-wrap {
    margin: 12px;
    }

    For the author issue, try

    .nickname {
    font-weight: bold;
    }

    Not tested. YMMV.

    conuaf

    #27348

    I have this as the CSS (For the first slider image)

    element.style {
    background-image: url(URL OF THE IMAGE);
    display: none;
    }

    I am not good w/ CSS. Is there something I should add to display maybe?

    Mod

    Kenneth John Odle

    #27349

    Well, display:none means that it won’t show up.

    I am not good w/ CSS.

    A little spring break homework, then?

    http://www.w3schools.com/css/css_display_visibility.asp

    http://www.w3schools.com/css/default.asp

    http://www.cssbasics.com/

    conuaf

    #27350

    Thanks.

    I’m going to try to teach myself the basics of CSS. Thanks for the links.

    conuaf

    #27351

    All figured out! I looked deep into the theme and played around until I got what I wanted. Thanks for the help!

    Mod

    Kenneth John Odle

    #27352

    Looks good!

    I looked deep into the theme and played around until I got what I wanted

    and that’s how you get it done folks!

    Mod

    Kenneth John Odle

    #27353

    Also, be careful of the “All in One SEO Pack” plugin you are using. It is buggy.

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

You must be logged in to reply to this topic.