Forums

Foundation 6 - RTL and C5 UI

Permalink
I want to use Foundation 6 RTL

In foundation its very simple (100% Right-to-Left Support) - i only need to change this line:
<html class="no-js" lang="ar" dir="rtl">

But when i create a theme and change this line its make bugs in the C5 edit UI

Whats' the best way to fix this problem?
siton
 
Steevb replied on at Permalink Reply
Steevb
You cannot wrap the normal way with the html tag.

Make sure your theme has a 'wrapper' class or id under the C5 'getPageWrapperClass'. Then give your wrapper 'direction'.

<div class="wrapper" style="direction: rtl">
siton replied on at Permalink Reply
siton
in the CSS styles i have for example
*{

}

html{

}

and

body{

}

After adding wrapper - the UI is still with errors - i need to change the code of the CSS ?

I work on another project with bootstrap template with 3 CSS docs for the RTL (so i cant go to all the lines and change this)
Steevb replied on at Permalink Best Answer Reply
Steevb
Try this:
<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo Localization::activeLanguage()?>">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1"> 
<?php echo $html->css($view->getStylesheet(‘main.less'))?>
<?php  Loader::element('header_required'); ?>     
</head>
<body>
<div class="<?php echo $c->getPageWrapperClass()?>">
<div class="wrapper" style="direction: rtl">
<div class=“theme stuff”>
<div class="row">
<div class="large-12">
<?php
Viewing 15 lines of 26 lines. View entire code block.