How I can customize with my own styles?

Switch settings to Advance and go to ‘Other‘ tab to fill “Custom CSS” field.

Example:

/* header */
#upprev_box h6 a
{
    color: red;
}
/* header link: mouse over */
#upprev_box h6 a:hover
{
    color: black;
}
/* headera link: visited */
#upprev_box h6 a:visited
{
    color: gray;
}
/* container for title, thumbnail and excerpt */
#upprev_box .upprev_excerpt
{
    font-size: 8px;
}
/* excerpt */
#upprev_box .upprev_excerpt p
{
    line-height: 1em;
}
/* previous post link */
#upprev_box .upprev_excerpt p a
{
    text-transform: uppercase;
}
/* previous post link: mouse over */
#upprev_box .upprev_excerpt p a:hover
{
    text-decoration: underline;
}
/* previous post link: visited */
#upprev_box .upprev_excerpt p a:visited
{
    color: gray;
}
/* thumbnail image */
#upprev_box .upprev_thumb
{
    padding: 1px;
    border: 1px dotted red;
}
/* close button */
#upprev_close
{
    opacity: .7;
}

23 thoughts on “How I can customize with my own styles?”

  1. Hi,

    Could you tell me where can I find Advance settings?
    I have only Setting and Others where I don’t have the optin to change th CSS code. This is to costumize my box which dosn’t fit to the color of my website

    Thank you!

  2. No matter what I seem to change on Apperance -> upPrev -> Apperance -> Custom CSS
    Nothing seems to change. Do I need to click on something to activate the custom CSS? I installed this plug in yesterday and I have little/no knowledge on how to customize this so I am kind of just using examples I find online. However, none of it seems to change anything. Am I missing something?

  3. I am new to wordpress in general and love this plugin but I cant seem to be able to modify it. I am using v.3.3.15 which has the custom CSS code thing in the appearance section. So far, I’ve tried to copy the code listed above to see what happens.

    BUT nothing happened.

    Here is an example post of my site, and as you can see, it has the basic upprev settings.
    http://www.travelworldheritage.com/2013/05/22/jongmyo-jaerye-pt2/

    I would like the upprev to look something like this:
    http://www.tofugu.com/2013/05/21/how-to-count-anything-in-japanese/
    of this:
    http://www.nomadicmatt.com/travel-blogs/travel-technology/
    (preferable)

    Thanks for any help

  4. Hi,

    I’m getting an error in my debug console:

    wp-content/plugins/upprev/includes/common.php:19 – add_contextual_help is deprecated since version 3.3! Use get_current_screen()->add_help_tab() instead.

    Is there any way I can fix this?

    Cheers
    Gavin

  5. Hi,
    Thank you for a very nice plugin.
    I installed it and it worked very well outside the box ! Since then I have added jQuery ScrollPane on long right sidebar and upRev just stopped working at all.
    I tried deactivating and reactivating upRev no luck !
    Any ideas ?
    Thanks for help
    Regards from France

  6. I have just downloaded Upperv but m facing the same problem that Jullo Morino was facing.
    My version is 3.3.26 , but you were somewhere mentioning about version 4. Has that version not updated on wordpress as i have just downloaded and it should be the latest one. No?

      1. The theme which i am using is Thesis ver 3.8.1 ,and upprev plugin ver 3.3.26. I am finding difficulty in changing color and size of “Post title”
        also changing the text size

  7. I have applied all the changes mentioned in the snippet to customize the plugin, but i did not find the advanced settings anywhere. and thus the changes mentioned by you to coloring the text and resizing the texts does not work.

    Also i would like to know how can we add the social share button in the slide.

  8. Hi,
    I love the ‘random’ setting as it allows me to recycle older posts. However, is there any way to tell upPrev to IGNORE certain posts? Like via post ID number or posts that were published before a certain date?

    Thanks so much.

  9. i’ve read the help page you provided and changed the css code (appearence -> custom css) and put the code

    /* header */
    #upprev_box h6 a { }
    /* header link: mouse over */
    #upprev_box h6 a:hover { }
    /* headera link: visited */
    #upprev_box h6 a:visited { }
    /* container for title, thumbnail and excerpt */
    #upprev_box .upprev_excerpt { }
    /* excerpt */
    #upprev_box .upprev_excerpt p { }
    /* previous post link */
    #upprev_box .upprev_excerpt p a { }
    /* previous post link: mouse over */
    #upprev_box .upprev_excerpt p a:hover { }
    /* previous post link: visited */
    #upprev_box .upprev_excerpt p a:visited { }
    /* thumbnail image */
    #upprev_box .upprev_thumb { }
    /* close button */
    #upprev_close { }

    but i don’t see any change.
    can you please be more specific and indicate how to make fonts smaller for header and description.

    i’m using wp 4.7 and plugin’s latest version 3.3.30

    Thanks,
    Stelios

Leave a Reply

Your email address will not be published. Required fields are marked *