Home>Support>blog post set up

blog post set up

By MUBS, 19 days ago. Last reply by Andrew Misplon, 9 days ago.

HI
Thanks for your help in advance.

I am trying to set up the blog page
The medium left option does not have the black category box in the left corner, how do i add the catergory box on that set up ?

Hope to hear fro you soon,
KR

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 18 days, 20 hours ago Andrew Misplon Hi, I Work Here

    Hi KR

    Thanks for reaching out.

    If possible, please, send a link to your blog page and we’ll take a look.

  2. 18 days, 19 hours ago MUBS

    Hi Andrew
    Please see
    https://www.livinglondon.club/

    – As you can see the left medium post does not have any category ‘black block’ like the grids set up does .

    – I have a few other questions
    – when you make the slider smaller the height stays the sames, I have shown the example in the first 2 rows. is the height adjustable for these ?
    – Can you set custom excerpts for each blog widget ?
    – can i remove the older post button for the left medium post and leave for the grid post.

    MANY MANY thanks for your help

    KR

  3. 18 days, 19 hours ago Andrew Misplon Hi, I Work Here

    Thanks for the link. I forgot about the Left Medium loop, I think that’s our loop for the search results page. The way it’s included makes it available in the Post Loop widget. Unfortunately, it would require custom development to add the category meta to the featured image in that loop, there isn’t a way it can be done from theme settings. We can directly assist with changes like this within our SiteOrigin Premium support scope but unfortunately are limited to basic usage support here on the forums due to resource limitations.

    The Featured Posts slider height changes twice to assist with mobile, you can see those changes on GitHub: https://github.com/siteorigin/siteorigin-unwind/blob/a826552fe007bed7e601e297d76d03f1b82e73b8/style.css#L3395-L3407. The rule you’ve inserted at CustomizeAdditional CSS is overriding the heights set by the theme’s stylesheet. You’d need to add your own media queries to adjust the slider height further.

    Can you set custom excerpts for each blog widget ?
    Sorry, not quite with you here, can you expand a bit on what you mean by custom excerpts?

    can i remove the older post button for the left medium post and leave for the grid post.
    The easiest would be using Custom CSS. (We can directly assist with changes like this within our SiteOrigin Premium support scope but unfortunately are limited to basic usage support here on the forums due to resource limitations.)

    You can find a guide here Post: A Custom CSS Guide to Page Builder Row, Cell & Widget Attributes on adding classes to widgets. You could then target a specific widget and hide the button for only that widget.

    Our SiteOrigin CSS plugin has a visual editor, that might be helpful if you aren’t using your browsers developer tool to inspect elements https://siteorigin.com/css.

    I’ll be back online tomorrow, chat then :) Cheers.

  4. 10 days, 1 hour ago MUBS

    HI
    I am having issues with the alternate blog post,
    The image doe not seem to be coming up as the right aspect ratio and seems to be zooming in to fiil the gap and the colour is distorted
    where as the medium blog widget is perfectly clear.

    Is there a reason why ?

  5. 10 days, 1 hour ago MUBS

    you can see this on the page https://www.livinglondon.club/

  6. 10 days, 44 minutes ago Andrew Misplon Hi, I Work Here

    Try going to JetpackSettings and temporarily deactivate Site Accelerator. Does that help?

  7. 10 days ago MUBS

    I tried
    – Turned off jet pack, changed the image again, made sure its a 16:9 ratio, compressed it.

    Still no change image is zoomed in and not in the right aspect ratio.

  8. 9 days, 21 hours ago Andrew Misplon Hi, I Work Here

    Thanks for trying.

    The image size used for the Alternate blog layout is 360 x 238. Crop is set to true, the crop points are center center.
    More on how that’s done here https://developer.wordpress.org/reference/functions/add_image_size/.
    (16:9 would require the image size to be 360 x 202.50.)

    You can use https://wordpress.org/plugins/simple-image-sizes/ to change the image size, whether crop is set to true or not and the crop points.

  9. 9 days, 21 hours ago Andrew Misplon Hi, I Work Here

    Here is what changing the thumbnail size or crop behavior or crop points would look like in Simple Image Sizes.

    https://imgur.com/a/KcUKF4l

    Once done, regenerate thumbnails.

    The Alternate layout sets the width of the image container as follows:

    .blog-layout-alternate .archive-entry .entry-thumbnail {
        float: left;
        margin: 0 3.5% 0 0;
        position: relative;
        width: 42.5%;
    }

    So making the image wider won’t change the width in the layout without CSS adjustments. You could change the height, crop behavior and crop points without needing to make CSS adjustments.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More