Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 26, 2016 at 12:52 pm #622076
    talelie

    Hi,

    I am using the magazine with a large image at the site of the small thumbnails.
    but… since my site is in Hebrew, I need the side image to be on the right (currently it is on the left)
    magazine layout - small image

    I need your help in changing the image and the text to the right (mirror to what it is now)

    Thanks
    Tal

    April 27, 2016 at 2:43 pm #623109
    Yigit

    Shalom!

    Please add following code to Quick CSS 

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

    Regards,
    Yigit

    April 27, 2016 at 6:21 pm #623280
    talelie

    Hi Yigit,

    it does not change any thing…

    thanks
    Tal

    April 30, 2016 at 2:22 pm #625016
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .rtl .av-magazine-hero {float: right !important;}
.rtl .av-magazine .av-magazine-sideshow.av_one_half { margin-left: 0; }

    Cheers! 
    Josue

    May 1, 2016 at 9:05 am #625269
    talelie

    Thanks Josue, it moves the large image to the right
    I have added the following to move the title as well.

    .av-magazine-hero-left .av-magazine-top-bar {
    margin-bottom: 0px;
    float: right;
    }
    .av-magazine-hero-top .av-magazine-top-bar {
    margin-bottom: 0px;
    border: none;
    float: right;
    }

    Great support!
    Tal

    May 1, 2016 at 11:53 am #625309
    Josue

    Hi,

    Don’t forget to add rtl too:

    .rtl .av-magazine-hero-left .av-magazine-top-bar {
margin-bottom: 0px;
float: right;
}
.rtl .av-magazine-hero-top .av-magazine-top-bar {
margin-bottom: 0px;
border: none;
float: right;
}

    So it only applies to RTL sites.

    May 1, 2016 at 12:12 pm #625310
    talelie

    Great, thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘magazine rtl layout’ is closed to new replies.