Recent Posts Slider – customizing CSS

  • makemoore

    (@makemoore)


    12 years, 4 months ago

    I’m working on implementing the Recent Posts Slider plugin on the front page of a site I’m working on (http://www.alcohollywood.com) and I’m getting stuck on a stupid problem. I want to bump up the title font size a few points (16 or 18 maybe?) and put it in all caps. It gives an example of how to change the color of the post date:

    #rps .post-date{

   color:#A92D20;

}

    But my frazzled brain can’t figure out how to translate that to post title size, or how to make it all caps.

    On a related note, I keep trying to center the slider using div align, but it just won’t center. I’m sure I’m doing something tiny and stupid, I”m just fried and can’t make it work! Can anyone help?

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • polygonjedi

    (@polygonjedi)

    12 years, 4 months ago

      Go to the plugin editor
      Select the plugin from the dropdown
      Select the stylesheet and not the admin stylesheet
      You should be able to find this : #rps .col p.post-title span
      Edit it.
    hvanniekerk

    (@hvanniekerk)

    12 years, 1 month ago

    Using thesis – I can not figure out the CSS code needed to customize the RPS Title font to use my typekit fonts.

    photoMaldives

    (@photomaldives)

    12 years ago

    Excellent plugin – recommended.

    I’m certainly no expert at CSS – school of trial & error – but this is the code I ended up with for customising the appearance – might be a help to someone. And great idea having CSS options in the plugin options page too – very useful !

    #rps .slider div .col {
    padding: 0 0 4px;}

#rps .col p {
    font-size: 14px;
}

#rps {
  margin-bottom: 20px;
}

#rps .col p.post-title span {
font-size:16px;
font-weight:normal;
height:35px;
text-decoration:none;
}

#rps .col p.post-title span:hover {
color: #ffffff !important;
background-color: #002C66;
}
    acproto

    (@acproto)

    11 years, 11 months ago

    I’m having a problem getting the [more] to show up. I don’t know what to change in the style sheet to get that color to consistently appear.

    It’s on http://school.shmuenster.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Recent Posts Slider – customizing CSS’ is closed to new replies.

Tags