Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Fixing Media & Text Block Side by Side In Acabado

Fixing Media & Text Block Side by Side
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

NOT NEEDED IN VERSION 1.0.8 PER RELEASE NOTES THIS IS A RESOLVED ISSUE

See better Theme Tweak Below

In the current version of Acabado (1.0.5(2) and 1.0.6) the Media & Text block is broken and doesn’t align correctly and shows only a large picture with text underneath it.

This CSS fix will give you what you see below which isn’t perfect but if necessary we can perfect it if not resolved in the main theme by the developer.

Example of after CSS
//Fixing Media & Text To allow Side By Side locations as expected
.wp-block-media-text>figure>img, .wp-block-media-text>figure>video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
}

.wp-block-media-text {
    display: grid;
    grid-template-rows: auto;
    align-items: center;
    grid-template-areas: "media-text-media media-text-content";
    grid-template-columns: 50% auto;
}

.wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    grid-area: media-text-content;
    padding: 0 8%;
}

.has-large-font-size {
    font-size: 36px;
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-areas: "media-text-content media-text-media";
    grid-template-columns: auto 50%;
}

// End Fixing Media & Text To allow Side By Side locations as expected

Is It Fixed?

Featured Tiles

Test One

Right Text

Featured Tiles

Test Two

Left Text

Theme Tweak Version

There is now a more graceful fix in the Theme itself as a mod to enable the disabled Gutenberg code.

Gutenberg blocks styling is dequeued in functions.php (line 415) (this fixes most of Gutenberg blocks if you comment it out like below)

//Remove block library css
//wp_dequeue_style( ‘wp-block-library’ ); 

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

2 thoughts on “Fixing Media & Text Block Side by Side In Acabado

  1. I was scoring 96/100 (mobile/desktop) on PageSpeed Insights yesterday and was on a tweakathon trying to get to 100/100. PageSpeed was saying something about CSS code so I added the URL for a stylesheet to W3TC’s Minify>CSS section, as well as some other boxes in this section. Now the post titles and sidebar titles have disappeared from my home page. I have tried everything to get them back, I removed the changes I made in W3TC, purged all W3TC caches several times since yesterday, and even deactivated W3TC. All to no avail. Any ideas? Here is my website: www.sharepostt.com.

    1. I don’t know what it removed, it may have overwrote the actual stylesheet used by Acabado. I’m able to take a look later tonight just got to check on lunch.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content