Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 4, 2016 at 10:32 pm #593560
    mustafamohsen

    Hi

    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

    March 4, 2016 at 10:47 pm #593562
    mustafamohsen

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

    March 4, 2016 at 11:05 pm #593574
    mustafamohsen

    One more thing :)

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

    March 6, 2016 at 12:22 pm #593898
    mustafamohsen

    Hello?

    March 6, 2016 at 1:43 pm #593911
    Basilis

    Hi!

    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

    Regards,
    Basilis

    March 11, 2016 at 3:13 pm #596901
    mustafamohsen

    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 :)

    • This reply was modified 8 years, 8 months ago by mustafamohsen.
    March 15, 2016 at 8:31 am #598239
    Ismael

    Hi!

    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;
}

    Cheers!
    Ismael

    March 15, 2016 at 9:43 am #598274
    mustafamohsen

    @Ismael

    Thanks a lot for the update!

    I hope that it gets fixed in the git code

    March 16, 2016 at 6:49 am #598797
    Rikard

    Hi,

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

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.