Full width image blocks with Gutenberg blocks - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 1, 2020 at 8:23 pm #1208930

nicolechanphoto
Participant

Hi!
How can I make an image full width? I’m working on using Blocks editor with my posts.

May 1, 2020 at 9:52 pm #1208969
Jordan Shannon
Inactive Moderator
Hey nicolechanphoto,

Add this to quick css:
```
.responsive .container.template-blog.template-single-blog{
    max-width: 100%!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
```
Best regards,
Jordan Shannon
May 2, 2020 at 7:16 pm #1209133

nicolechanphoto
Participant

I seem to still be having an issue. Can you take a look:

Groups

May 4, 2020 at 11:55 pm #1209762

Jordan Shannon
Inactive Moderator

Hi,

Did you add my code to the very top of quick css so it runs first? Also, clear the cache a few times over.

Best regards,
Jordan Shannon

May 5, 2020 at 4:53 pm #1210017

nicolechanphoto
Participant

Yes, I added the CSS to “Quick CSS” in the enfold theme section.
It seems like wide width works, but not full width – https://trapologyboston.com/groups/

May 5, 2020 at 10:34 pm #1210103
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css as well:
```
.page .container_wrap .container{
padding:0px!important;
}

.page .container_wrap .container .wp-block-columns{
padding:0 50px!important;
}
```
Best regards,
Jordan Shannon
May 5, 2020 at 11:27 pm #1210126

nicolechanphoto
Participant

IT WORKED!!! THANK YOU JORDAN!

May 6, 2020 at 12:16 am #1210149

Jordan Shannon
Inactive Moderator

Hi,

No problem, I’m glad that worked out. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Full width image blocks with Gutenberg blocks’ is closed to new replies.