CSS Tweaks

Hello @captaincurls

Can I see a review created by the plugin?

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

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.

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.

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.

Hello again,

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

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

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.

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;
}

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!

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.

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

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

!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!