Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #593560


    I’m using Magazine element in my blog page, but the first item (the big one) is displayed to the left, while it should be displayed to the right as it is an Arabic (RTL) site


    Additionally, the category title also is at the left rather than the right


    One more thing :)

    The article picture (in the small list item) is displayed to the left instead of the right (according to RTL orientation)





    There seems to be some issues in the RTL versin.
    I have added the issue to our GIT, so it can be an update on the next version, together with some other RTL issues.

    Thanks a lot for your patience



    I added the following and it seems to work well. You might want to check it to confirm

    div.magazine-thumbnail {
            float: right;
    div.av-magazine-hero.first.flex_column.av_one_half {
            float: right;
            clear: right;
    div.av-magazine-sideshow.flex_column.av_one_half {
            border-right-width: 1px;
            border-right-style: solid;
            border-left-width: 0;
            margin-left: 0
    div.av-magazine-thumbnail {
            float: right;
            margin-left: 15px;
    a.av-magazine-top-heading {
            float: right;

    Update: Obviously there are still some bugs
    Update 2: I fixed as much as I can. I appreciate any feedback :)



    Glad you figured it out! One thing though, there is no space between the title and the bottom border. Add this css code:

    .av-magazine .av-magazine-content-wrap .av-magazine-title {
        margin-bottom: 10px;




    Thanks a lot for the update!

    I hope that it gets fixed in the git code



    Glad we could help, please let us know if you should need any more help on the topic.

    Best regards,

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

You must be logged in to reply to this topic.