Forums

Recent Posts Slider - customizing CSS (5 posts)

  1. makemoore
    Member
    Posted 5 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!

  2. polygonjedi
    Member
    Posted 5 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.
  3. hvanniekerk
    Member
    Posted 3 months ago #

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

  4. photoMaldives
    Member
    Posted 1 month 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;
    }
  5. acproto
    Member
    Posted 6 days 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/

Reply

You must log in to post.

About this Topic