Full width images on blog?

Support
#1

I’m trying to figure out why some images on this post go full length and others are small? I’d like them all to be full width.

Thanks!

#2

Hi Rick,

Thank you for reaching out to us. It seems like you’ve created the post in WordPress’s default editor, which is adding it’s own styling. To fix this, you can add the following code in the Theme Options > CSS:

.wp-block-image {
    margin-left: 0;
    margin-right: 0;
}
.wp-block-image .aligncenter,
.wp-block-image img {
    width: 100%;
}

I’d suggest you to use Cornerstone instead for creating the posts to avoid these issues. Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#3

Thanks for the feedback. Few quick questions:

  1. Why are some images going full width and others now?

  2. I don’t have much experience with cornerstone. Is a user not able to simply use the standard Wordpress blog editor to write posts? I feel like cornerstone is going to be harder to use than the standard Wordpress editor.

#4

By the way, it looks like the code worked. On a side note, how do you use cornerstone to make a new blog post entry? When I go to new post I just see the Wordpress editor.

Thanks!

#5

Hello Rick,

It’s good to know that the code works out for you.

Meanwhile, before you can use Cornerstone to create your post, you must allow Posts first in X > Settings > Permissions > Administrators. You may also choose the Editors if you want to allow your editors to use Cornerstone in creating a post. If you or your editors are not very much familiar with Cornerstone, it is best that you just simply use Gutenberg in creating a post. To get acquainted with the Cornerstone builder, perhaps this links might help:

Hope this helps.

#6

Thanks for this, but quick question - when you go to the new blog entry area, I don’t see any area to create the post using Cornerstone. Also, what is the benefit of using Cornerstone for a blog post vs using Gutenberg?

Thanks so much.

#7

Hello Rick,

You can simply go to X > Cornerstone ad hit the “+” icon.

When using Cornerstone, you can create complex layouts with nested columns which you cannot do that in Gutenberg.

Hope this helps.

#8

Thank you! I typically just make normal blog posts (without nested columns) so I think the Gutenberg editor would work for me.

#9

Hey Rick,

Yes for simple layouts Gutenberg editor should be enough but please note Gutenberg adds it’s own styling which you probably need to override with custom CSS. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Cheers!

#10

Thanks, but other than the css you already sent me what else do I need to override with custom css?

Thanks!

#11

Hello Rick,

The given css in the previous response will only take effect for the Gutenberg’s WP image block. If there is other images that you want to style then that would be another set of custom css.

Regards.

#12

Thank you, but you made it sound like there is other CSS I need to add in order to make my posts look great. Can you please let me know any other suggestions I need to know? Thanks.

#13

Hello Rick,

@Nabeel mentioned that Gutenberg adds it own styling. You probably need to override the custom css when it is only necessary like the outcome does not coincide of what you have in mind. And he suggested to check out the related CSS links to get you started when there is a need to customize.

Hope this explains it briefly.

#14

Thanks, but I’m not sure how effective it would be more to read a bunch of articles about CSS. I’m not interested in learning CSS. I just want to be able to make blog posts. Are there any known issues that you know I’m going to need to fix other than the blog post image stuff.

#15

Hello Rick,

If you opted to use Gutenberg and all it’s default styling, then you do not need to add any custom css. We just simply recommended the links since Gutenberg is the default WP editor and not related to the theme or Cornerstone.

Regards.

#16

Thank you, is there anything else like the images not displaying right the you know off that I should correct?

#17

Hello Rick,

So far, there is none at the moment.

Thanks.

#18

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.