• Resolved captaincurls

    (@captaincurls)


    Hi, I just installed your plugin and it seems to do pretty much exactly what I need. I’ve been using the Custom Styling on the template tab to change the appearance. There are just a couple of things I need help with, please. I’m using your default template.

    I would like to center the cover image and stars on the page and have the book details and description below it rather than beside it.

    I might want the stars to be bigger too.

    I would also like the purchase link to be left aligned. I was able to change the label’s alignment but I’m having trouble with the button.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Kemory Grubb

    (@w33zy)

    Hello @captaincurls

    Can I see a review created by the plugin?

    Thread Starter captaincurls

    (@captaincurls)

    I haven’t published one yet. I was trying to get the formatting settled first.

    Plugin Author Kemory Grubb

    (@w33zy)

    I cannot adjust a layout that I cannot see.

    Please bear in mind that most of the plugin’s styling is inherited from your current theme, and I am not familiar with that theme.

    Thread Starter captaincurls

    (@captaincurls)

    I’ll try to post something on Friday and give you a link. But I don’t think my theme has anything to do with it. I don’t know if I was clear in my initial post. I’m talking about the review template. I chose Recencio’s default template (vs Metamor, Inverse, Basic, etc) and I just want to tweak it a bit.

    The Blue Moon Rising review on the demo page looks like it’s the default template. Instead of having two columns at the top, with the cover and then the book information and synopsis beside it, I’d like to have the cover centered on its own with the book information below it.

    Thread Starter captaincurls

    (@captaincurls)

    https://introvertedreader.com/review/dark-waters/

    Here’s a published review. But now my bigger problem is that the review isn’t showing up on my home page. It is in my RSS feed. The box in the Recencio general settings that asks if reviews should be on the home page is checked. I just looked to make sure.

    Plugin Author Kemory Grubb

    (@w33zy)

    Hello again,

    I just checked your website and I can see that the review you linked to is the second item on your homepage.

    Thread Starter captaincurls

    (@captaincurls)

    I still don’t see a review for Dark Waters on my home page

    Plugin Author Kemory Grubb

    (@w33zy)

    Hello again,
    I could’ve sworn I saw the review on your homepage. I was even going to screenshot it and add it to my previous response.

    Also, I went ahead and installed the theme you’re using on my demo site and the reviews do show up on the homepage. You can see here: https://recencio.com/

    So I really don’t know why they are not showing up on your homepage.

    Thread Starter captaincurls

    (@captaincurls)

    Okay, I got that fixed. My reviews are currently displaying through a Pods custom post type. I displayed those on my home page by personalizing the code below from WPBeginner and adding it to the functions.php file in my child theme. I just had to add the name of the Recencio review custom post type to the array. For anyone else who might have this problem and see this thread, I had to add ‘rcno_review’ where ‘movies’ is currently listed

    add_action( 'pre_get_posts', 'add_my_post_types_to_query' );
      
    function add_my_post_types_to_query( $query ) {
        if ( is_home() && $query->is_main_query() )
            $query->set( 'post_type', array( 'post', 'movies' ) );
        return $query;
    }
    Thread Starter captaincurls

    (@captaincurls)

    I got completely derailed there, but now to get back on track. How can I make the visual adjustments I asked about in my initial post? Thanks!

    Plugin Author Kemory Grubb

    (@w33zy)

    The PHP code in your example is already a part of the plugin: public/class-rcno-reviews-public.php#L243

    As for your CSS adjustments, you can try adding the code below to the plugin’s custom CSS section on the settings page, or the WordPress customizer.

    
    .rcno-full-book {
        margin: 0 0 1em 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    
    .rcno-full-book-cover {
        align-self: center;
    }
    
    .rcno-full-book-content {
        text-align: center;
        margin: 3rem 0 0 0;
    }
    
    .rcno-full-book-cover .rcno-admin-rating .jq-star {
        width: 32px;
    }
    
    .rcno-purchase-links-container {
        text-align: left;
    }
    • This reply was modified 2 years, 7 months ago by Kemory Grubb.
    Thread Starter captaincurls

    (@captaincurls)

    That code aligned the purchase link to the left and made the stars bigger. Thanks!

    But the cover and info are still in two columns on one row. It just centered the text of the info and compressed the cover down to about 44 px wide

    Plugin Author Kemory Grubb

    (@w33zy)

    Try adding the !important rule to the display: flex rule.

    Thread Starter captaincurls

    (@captaincurls)

    !important didn’t do anything but for whatever reason, the original code worked when I put it in the WordPress customizer instead of editing the template in the plugin settings. So we’ve got it! Thank you so much for your help!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘CSS Tweaks’ is closed to new replies.