Border for Sticky Post

  • Unknown's avatar

    Hi. I’d like to have the sticky post a little more defined by adding a border. I’ve read on adding borders but can’t get it to work. I’m using the Kent theme.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sheilabryanna · Member ·

    I also need help with the milestone widget.. it is either centered or to the right, and I would like to have it to the left so it will line up with the other widgets.

  • Unknown's avatar

    Hi there, this would be the CSS for adding a border to sticky posts. You can edit the thickness and color as desired, as well as the border type.

    #main article.sticky {
        border: 2px solid #CC0000;
    }

    To move the milestone widget content to the left, set a left margin of 0 with the following CSS.

    .widget.milestone-widget .milestone-content {
    margin-left: 0;
    }
  • Unknown's avatar
    sheilabryanna · Member ·

    Thank you so much thesacredpath. It worked beautifully.

  • Unknown's avatar
    sheilabryanna · Member ·

    I’ve used this bit of css to make the thumbnails of the main page opaque ..

    #main article a.thumbnail img {
    filter: alpha (opacity=80);
    }

    but I can’t figure out how to make them go back to the normal shade when I hover over them. Like the ones on the Related Content at the foot of posts.

  • Unknown's avatar

    Give the following a try for the galleries on the single post pages. It takes the image to 80% opacity when not hovered, and then to 100% when hovered. I added a couple of extra opacity declarations to make sure and catch all browsers.

    .tiled-gallery-item img {
        opacity: 0.8;
        filter: alpha (opacity=80);
    }
    .tiled-gallery-item img:hover {
        opacity: 1;
        filter: alpha (opacity=100);
    }
  • Unknown's avatar
    sheilabryanna · Member ·

    Ok. That worked great! Thank you. One more thing and I think I’ll be done for awhile.

    How to add text to the main footer. I don’t want to take away wordpress and theme links.. just to add a simple line of text and take away the period (.) after the links. This is what it looks like now..

    Blog at WordPress.com.|Customized Kent Theme.

    This is how I would like it to look..

    Blog at WordPress.com | Customized Kent Theme | My Text Here

  • Unknown's avatar
  • The topic ‘Border for Sticky Post’ is closed to new replies.