Back to top

Convert Homepage To RTL Configuration

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.

For languages that read from right to left the default settings for the website being left to right are adaptable with plugins in most cases. Acabado prefers speed which blocks or disables some of the common lagging plugins unless there is an inbuilt need for them, like DIVI builder or Elementor.

Today I had the request to switch the homepage to an RTL format and I wanted to share it with anyone else who needs it down the road. We do this with Custom CSS only.

.article-card.horizontal .copy-container {
    float: right;
    margin-left: 40px;
    direction: rtl;
    width: calc(100% - 340px);
    text-align: right;
}

.site-content .widget-area {
    float: left;
    width: calc(33.3333% - -25px);
    padding-left: 0px;
    border-left: 0px solid #f0f0f0;
}

.site-main {
    width: calc(66.666667% - 15px);
    float: right;
}

.article-card header p a {
    display: block;
    text-align: initial;
}

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...

Leave a Reply

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

Recent Content