WordPress.org

1. abhim12
   Member
   Posted 1 year ago #

   Hi, I've got two problems with this plugin.

   1. It doesn't recognize the post categories. For each post, it is showing the same two categories, and the same previous post. You can check it here - Guiding Tech

   2. Also, how can I customize it to make the link dark blue and the fonts bigger, like it is NY Times. Currently, as you can see, the fonts are light gray and quite small.

   Hope someone can help. Thanks.

   http://wordpress.org/extend/plugins/upprev-nytimes-style-next-post-jquery-animated-fly-in-button/

2. abhim12
   Member
   Posted 1 year ago #

   Ok, I actually found a way to customize it. Made a few changes to the upprev_layout.css file. This is what the code looks like now.

   #upprev_box {
       position:fixed;
       z-index:1000;
       bottom:0px;
       right:-400px;
       width: 360px;
       padding: 10px 20px 10px 10px;
       border-top: 2px solid #000;
       border-left: 1px solid #f0f0f0;
       background-color: #fff;
       -moz-box-shadow: 0 4px 10px #666;
       -webkit-box-shadow: 0 4px 10px #666;
       box-shadow: 0 4px 10px #666;
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
       filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
       _position: absolute;
       _top: 0;
       color: #004276;
       font-size: 12px;
       font-weight: bold;
       font-family: "Helvetica Neue", "Lucida Grande",
       Verdana, Arial, sans-serif;
   }
   #upprev_box h6 {
       margin:0 0 5px 0;
       color: #004276;
       padding:0;
       text-transform: uppercase;
       font: bold 10px arial,helvetica,sans-serif;
   }
   #upprev_box .num {
       color:#888;
       font-weight:normal;
   }
   #upprev_box button {
       border: none;
       padding: 0;
       position: absolute;
       top: 5px;
       right: 5px;
       width: 13px;
       height: 13px;
       background: #fff url('close_window.gif') no-repeat 0 0;
       text-indent: -999em;
       overflow: hidden;
       cursor: pointer;
   }

   I don't know much about CSS so obviously, the above code needs more, because the box is still not the way I'd like it to be. I mean the main link isn't dark blue. Also, I wanna align the text towards the left of the box.

Topic Closed

This topic has been closed to new replies.