Review Schema — style for summary heading

  • Resolved PolyWogg

    (@polywogg)


    3 years, 8 months ago

    I like the Review Schema, although I’m not using all the features of it, so it won’t help with SEO side, and google previews, but I like the idea of using it for a heading (in h2 level), a series of feature reviews, and a summary box at the end.

    I want to use it for a series of TV season reviews, and I mocked up the first one here at the page above. It all “works” well right until I get to the summary area for the block. I’ve tried using the Summary Typography to style the heading and it won’t style. If I change anything, it will tweak the main text (description) and the size of the review #s, but NOT the actual title of the summary (mine says “the Bottom Line” in the sample page). For some reason, changing font sizes by PX or EM doesn’t seem to affect that summary title, just the description and the #. It doesn’t affect star size either.

    Is there a way with simple page CSS to change the The Bottom Line (summary title) to an H2 level, as well as alter the size of the final stars perhaps to H3, and the description to normal paragraph default size?

    Paul

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @polywogg ,

    Could you please share a screencast or video of the bug your facing?

    I’m not able to replicate the same at my end? I have created a video for you, please have a look at this video.

    Let me know if I’m missing anything

    Looking forward to hearing from you.

    Thread Starter PolyWogg

    (@polywogg)

    Hi Sweta,

    So here is the best example I have:

    https://polywogg.ca/lost-season-1-pwtvr00018/

    However, in the end, I added some custom CSS to fix it…I made the font size the same as H2, and removed margins above and after it; I left a little space before the description; and I increased the size of the block font-size:

    /*Alter Review Schema to resize the summary boxes*/
    p.uagb_review_summary_title {font-size: 1.875em !important;
    margin-block-start:0em !important;
    margin-block-end:0em !important;
    }

    p.uagb_review_summary_desc {
    margin-block-start:.5em !important;
    margin-block-end:0em !important;
    }

    .uagb_review_block .uagb_review_rating
    {font-size: 1.875em !important; }

    Not the most elegant of solutions, but it worked. If you INSPECT, and turn those settings off, you’ll see what it looks like without that added.

    Paul

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Review Schema — style for summary heading’ is closed to new replies.