add border around posts on front page

  • Resolved smoker450

    (@smoker450)


    10 years, 3 months ago

    Hi there,
    this is my site, MotocrossNW

    On the front page, as you scroll down, all the posts just blend together and are only distinguishable by the title text and body text. I would like to add a thing gray border that starts solid and fades to white, but still pretty thin.

    Any css masters out there wanna point me in the right direction?

    *I got the child theme going and all that

Viewing 5 replies - 1 through 5 (of 5 total)
  • batharoy

    (@batharoy)

    10 years, 3 months ago

    Found this online and adapted it for your site.

    .category-frontpage {

padding: 10px;
border-top: 2px solid #eee;
border-bottom: 2px solid #fff;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff));
background-image: -webkit-linear-gradient(#eee, #fff);
background-image: -moz-linear-gradient(#eee, #fff), -moz-linear-gradient(#eee, #fff);
background-image: -o-linear-gradient(#eee, #fff), -o-linear-gradient(#eee, #fff);
background-image: linear-gradient(#eee, #fff), linear-gradient(#eee, #fff);
-moz-background-size:2px 100%;
background-size:2px 100%;
background-position:0 0, 100% 0;
background-repeat:no-repeat;
}
    Thread Starter smoker450

    (@smoker450)

    10 years, 3 months ago

    hey, batharoy, you’re the shiznit, sorry I didn’t reply to this last night, applied your css this morning and BAM!

    The only issue I’m having is, it added a border to the image slider, is there any way to exlude that?

    Thread Starter smoker450

    (@smoker450)

    10 years, 3 months ago

    I’m not very good at this stuff, but I assume that means the carousel is contained in the same class of div as the posts?

    batharoy

    (@batharoy)

    10 years, 3 months ago

    Change .category-frontpage to .entry-content this will start it just below the title of each post and remove it from the slider.

    Thread Starter smoker450

    (@smoker450)

    10 years, 3 months ago

    thanks again! worked perfectly!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘add border around posts on front page’ is closed to new replies.