Support » Plugin: upPrev » Can't change font size and style and costumize close button

  • Resolved 007me

    (@007me)


    Hi there,
    Great plugin, but few issues.
    I’ve installed it here: http://blog.udiburg.com
    and configured with the below custom CSS.
    However even that I’ve put in the CSS that the title should be 16px and Tahoma it doesn’t appear like this.
    Also, I’ve put a code for custom close button and it doesn’t work too.
    Any help will be appreciated.

    Thanks

    Udi.

    Here’s the CSS code:
    /* header */
    #upprev_box h5 a {
    color:#800000;
    font-family:david;
    font-size:2em;
    }
    /* header link: mouse over */
    #upprev_box h5 a:hover
    {
    color: purple;
    }
    /* header link: visited */
    #upprev_box h5 a:visited
    {
    color: #1589FF;
    }
    /* container for title, thumbnail and excerpt */
    #upprev_box .upprev_excerpt
    {
    font-size: 14px;
    color: #34282C;
    font-weight: bold;
    font-family: tahoma;
    }
    /* excerpt */
    #upprev_box .upprev_excerpt p
    {
    line-height: 2em;
    }
    /* 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: 2px dotted red;
    }
    /* close button */
    #upprev_close
    {
    opacity: .7;
    image-background: url(http://blog.udiburg.com/wp-content/uploads/2013/06/close-button.gif);
    }

    #upprev_box{ border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #666666; background-color:#E5E4E2 !important;}
    #upprev_box h6
    {
    font-size:16px;
    color:#000080 !important;
    font-family:tahoma;
    }

    http://wordpress.org/extend/plugins/upprev/

Viewing 15 replies - 1 through 15 (of 16 total)
  • You can see the problem with the font size here:
    https://www.dropbox.com/s/yrx1atz9y8my6a5/UpPrev-font.jpg

    Plugin Author Marcin Pietrzak

    (@iworks)

    Yes. This is a simple mistake, but in this moment I can’t repair.

    Try use more restricted css selector.

    div#upprev_box h6

    Marcin,

    Ok, that helped! Thanks!
    But why it doesn’t accept the image I linked to the close button as you can see in the code above?
    And why it doesn’t show thumbnails from posts?
    thanks,

    Udi

    Marcin,

    Any solution for the close button and the fact that no images are shown?

    Thanks,

    Udi

    Plugin Author Marcin Pietrzak

    (@iworks)

    Monday. I’m still on vacation.

    great! Enjoy, thanks!

    Plugin Author Marcin Pietrzak

    (@iworks)

    Fixed. Try 3.3.17

    Thank You 007me.

    Hi Marcin,

    So now, once you’ve returned from your vacation 🙂 any solutions?

    Hi Marcin,

    I’ve updated the plugin to the latest version but still no change. It doesn’t accept the icon I set for the close button and post images sometimes appear and sometime not.
    It looks like it can show only the “Featured image” of a post and not the first image in the post.
    Basically it force you to choose a “featured image” for every post, while WordPress knows how to handle with “first image of the post” as well.
    Can this be fixed?

    Udi

    Plugin Author Marcin Pietrzak

    (@iworks)

    It looks like it can show only the “Featured image” of a post and not the first image in the post.

    Yep. It’s true. Only “Feature Image”.

    Can this be fixed?

    No. Because it isn’t error.

    while WordPress knows how to handle with “first image of the post” as well.

    It is not true. Maybe Your theme or plugin do it, but WP don’t.

    Ok, acceptable, and what about the “close” button image that it doesn’t want to display?

    Plugin Author Marcin Pietrzak

    (@iworks)

    Ok, acceptable, and what about the “close” button image that it doesn’t want to display?

    remove ‘div’ from custom-css:

    div#upprev_close

    or change to:

    a#upprev_close

    Neither work.

    Here’s the code again, what can cause it not to show the icon???
    As you can see the icon exist in that link location.

    /* header */
    div#upprev_box h5 a {
    color:#800000;
    font-family:david;
    font-size:2em;
    }
    /* header link: mouse over */
    div#upprev_box h5 a:hover
    {
    color: purple;
    }
    /* header link: visited */
    div#upprev_box h5 a:visited
    {
    color: #1589FF;
    }
    /* container for title, thumbnail and excerpt */
    div#upprev_box .upprev_excerpt
    {
    font-size: 14px;
    color: #34282C;
    font-weight: bold;
    font-family: tahoma;
    }
    /* excerpt */
    div#upprev_box .upprev_excerpt p
    {
    line-height: 2em;
    }
    /* previous post link */
    div#upprev_box .upprev_excerpt p a
    {
    text-transform: uppercase;
    }
    /* previous post link: mouse over */
    div#upprev_box .upprev_excerpt p a:hover
    {
    text-decoration: underline;
    }
    /* previous post link: visited */
    div#upprev_box .upprev_excerpt p a:visited
    {
    color: gray;
    }
    /* thumbnail image */
    div#upprev_box .upprev_thumb
    {
    padding: 1px;
    border: 2px dotted red;
    }
    /* close button */
    #upprev_close
    {
    opacity: .7;
    image-background: url(http://blog.udiburg.com/wp-content/uploads/2013/06/close-button.gif);
    }

    div#upprev_box{ border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #666666; background-color:#E5E4E2 !important;}
    div#upprev_box h6
    {
    font-size:16px;
    color:#000080 !important;
    font-family:tahoma;
    }

    BTW, appreciate your great help!!!

    Plugin Author Marcin Pietrzak

    (@iworks)

    You have css rule mistake. Replace:

    image-background: url(http://blog.udiburg.com/wp-content/uploads/2013/06/close-button.gif);

    to

    background-image: url(http://blog.udiburg.com/wp-content/uploads/2013/06/close-button.gif);

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Can't change font size and style and costumize close button’ is closed to new replies.