WordPress.org

Ready to get started?Download WordPress

Forums

WP Customer Reviews
reviews default to bottom of page, need top (7 posts)

  1. ksteele36
    Member
    Posted 3 years ago #

    Using reviews version: 2.2.1
    Picture-Perfect Template: 1.3.3
    By default the reviews show at the bottom of the page and at least for me this is quite a ways to scroll down a blank page before ppl see that there are any reviews to read. Also, I see the FB link that is positioned in the bottom left of the content area of every other page is now set to the top of the page.... you can view the page here: (don't mind the text/text image, they're only there for review)

    Can someone plz toss me a tip to get it back up to the top? thanks!
    LINK: http://studiobportraiture.com/studio-b-reviews/

  2. the4starish
    Member
    Posted 3 years ago #

    Hmm, that is strange. On my page, if there is no content, the reviews are right there from the beginning and there isn't a large gap. I can't say for sure but it seems like there is something in your template that is doing that or possibly in one of your other plugins?

    Here is my site: reviews.backstore.com
    and here is a blank test page I created so you can see what I'm talking about.

  3. ksteele36
    Member
    Posted 3 years ago #

    thanks for responding the4starish... are you using a shortcode for placement or this is by default? Me? I have created this page and done nothing else except put a check mark in the reviews option for that page and published it. However, I did notice that the page I published - by default adds this code: "wpcr_enable" to the "Custom Fields" box in the admin for that page.
    My question would be if I could add this as a short code in the HTML code box provided... as I believe this to be the correct area to place the call and have it show positioned correctly. Any thoughts? Your help is very much appreciated!

  4. ksteele36
    Member
    Posted 3 years ago #

    Ok, I see that when I use the themes default stylesheet in stead of the plugin stylesheet the reviews float to the top. But I lose the look of course... when I combine the 2 stylesheets the existing plugin SS overrides the default SS. At this point its just a matter of which part of the code I can keep, which I need to lose and what calls I need to edit. Thanks for responding.

  5. the4starish
    Member
    Posted 3 years ago #

    Yeah, that seems to make sense. I'm not that great at CSS or I'd help you out. I'm going to delete the test page if that's alright with you.

  6. ksteele36
    Member
    Posted 3 years ago #

    Yes, go ahead the4starish... and thanks for checking back.

  7. ksteele36
    Member
    Posted 3 years ago #

    SO, finally got around to taking a look and thought I would post back for others that may come across this issue.
    Here's what worked for me:

    Commented 2 lines of code out
    **********************************

    Line 12: /* .wpcr_clear { clear:both; } fix float to top*/

    Only the last bit of this line is commented out
    **************************************************
    Line 45: #wpcr_respond_1, #wpcr_respond_2 { margin:0 !important; padding:0 !important; /*clear:both !important; fix float to top*/ }

    That's it for floating reviews to the top. However,I also had quite a time changing the review background color & padding using this stylesheet because it's a mixed bag of theme and plugin css. So I will also include those changes here for those that want to explore it.

    add the following to your plugin stylesheet
    **************************************************
    /* added BG color for reviews */
    .hreview {background-color:#333333 !important;}

    added this block of code to plugin stylesheet to keep from confusing the browser reading the default stylesheet:
    ***************************************************
    /* fix background margin & height between <hr> comment <hr> */
    #content blockquote {
    margin:8px 0px !important;
    font-style: italic !important;
    color: #888 !important;
    background: #333 !important;
    padding: 10px 9px !important;
    }

    Including the whole block of code here in hopes of being less confusing - we only need the last line:
    *****************************************************
    #wpcr_button_1, #wpcr_button_1:link, #wpcr_button_1:visited, #wpcr_submit_btn, #wpcr_submit_btn:link, #wpcr_submit_btn:visited {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    background: white url('button.png') 0 0 repeat-x !important;
    background: -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4)) !important;
    border: 1px solid !important;
    border-color: #e6e6e6 #cccccc #cccccc #e6e6e6 !important;
    border-radius: 3px !important;
    color: #404040 !important;
    cursor:pointer !important;
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: normal !important;
    outline: 0 !important;
    padding: 5px 8px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 white !important;
    white-space: nowrap !important;
    float:none !important;
    height:auto !important;
    text-indent:0 !important;
    margin-bottom:10px; /*add this line to fix background of review */
    }

    Thats it ~ good luck!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic