Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 2, 2017 at 4:25 am #833150
    afarahani

    Hi,
    Please see the image below. Magazine Element is not RTL as everything should be opposite of regular LTR version. The bif image should go to right. The small image should go to the right of the post title and the whole small post titles should go to the left.

    Please provide a solution.

    Thanks.


    @yigit

    @ismael
    @ricard

    @victoria

    August 5, 2017 at 12:31 am #834534
    afarahani

    I have been with Enfold for over 3 years now and purchased it three times. Enfold has been advertised as RTL friendly theme, which it is but still there are some problems with Enfold RTL capability.

    For example, I have managed to make the mobile header RTL with your help on this forum and removed the burger menu from top of the logo but if I change the header style, the burger menu goes back over the logo. So I need to spend some time again to communicate the issue with a support team member!

    The same with magazine element. It is still not RTL and should be mirrored so small images go to the right side of the text.

    Can you please provide a solution here and make sure to implement it in the next version of the theme?

    Thank.

    @kriesi     @yigit

    August 5, 2017 at 2:31 am #834560
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .rtl .av-magazine-hero-left.av-magazine-top-bar-active .flex_column {
    float: right;
}
.rtl .av-magazine .av-magazine-sideshow.av_one_half {
    margin-left: 0;
    padding-left: 0;
    margin-right: 3%;
    padding-right: 3%;
}
.rtl .av-magazine-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

    Best regards,
    Yigit

    August 5, 2017 at 8:10 am #834625
    afarahani

    Hi @yigit
    Thanks for the explanation and the code. please see the images below. Three issues need to be taken care of:
    1) the vertical line
    2) post title and excerpt of the large image is missing.
    3) new css causes a large padding after the magazine element.

    Thanks for help.

    August 5, 2017 at 11:53 am #834729
    Yigit

    Hi!

    Please change the code to following one 

    .rtl .av-magazine-hero-left.av-magazine-top-bar-active .flex_column {
    float: right;
    border-left: none;
}
.rtl .av-magazine .av-magazine-sideshow.av_one_half {
    margin-left: 0;
    padding-left: 0;
    margin-right: 3%;
    padding-right: 3%;
    border-right-width: 1px;
    border-right-style: solid;
}
.rtl .av-magazine-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}
.rtl .av-magazine-hero-left .av-magazine-hero .av-magazine-content-wrap { 
clear: both;
}

    Cheers!
    Yigit

    November 28, 2018 at 9:25 am #1038369
    moonsear

    works great. thanks

    November 29, 2018 at 9:28 am #1038845
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 6, 2021 at 10:51 am #1298751
    FlatText

    Hello,

    When I use

    .rtl .av-magazine-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

    The title under the first entry disappears (first entry is displayed bigger). Everything else is okay

    • This reply was modified 3 years, 7 months ago by FlatText. Reason: added first entry option
    May 8, 2021 at 10:01 am #1299102
    Rikard

    Hi FlatText,

    Could you post a link to where we can see the problem you are having please?

    Best regards,
    Rikard

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