How to activate the RTL compatibility

Home › Forums › Porto – Responsive HTML5 Template › FAQ’s › How to activate the RTL compatibility

Viewing 1 post (of 1 total)
  • Author
    Posts
  • January 5, 2015 at 8:28 am #10005868
    Support
    Keymaster

    To activate the RTL mode please follow the steps: 1) Add the “dir” attribute in the HTML tag:  2) Copy all the files from the folder: HTML/master/rtl/css to the default css folder HTML/css. 3) Add the “rtl-” prefix in the files:  

    <html dit="rtl">
	<head>

		<!-- Basic -->
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">	

		<title>Porto - Responsive HTML5 Template</title>	

		<meta name="keywords" content="HTML5 Template" />
		<meta name="description" content="Porto - Responsive HTML5 Template">
		<meta name="author" content="okler.net">

		<!-- Favicon -->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" href="vendor/bootstrap/bootstrap.css">
		<link rel="stylesheet" href="vendor/bootstrap/bootstrap-rtl.css">
		<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.css">
		<link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css" media="screen">
		<link rel="stylesheet" href="vendor/owlcarousel/owl.theme.default.min.css" media="screen">
		<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css" media="screen">

		<!-- Theme CSS -->
		<link rel="stylesheet" href="css/rtl-theme.css">
		<link rel="stylesheet" href="css/rtl-theme-elements.css">
		<link rel="stylesheet" href="css/rtl-theme-blog.css">
		<link rel="stylesheet" href="css/rtl-theme-shop.css">

		<!-- Skin CSS -->
		<link rel="stylesheet" href="css/skins/default.css">

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="css/custom.css">

		<!-- Head Libs -->
		<script src="vendor/modernizr/modernizr.js"></script>

	</head>

     

    • This topic was modified 5 years, 4 months ago by Support2.
    • This topic was modified 5 years, 4 months ago by Support2.
    • This topic was modified 5 years, 4 months ago by Support2.
    • This topic was modified 5 years, 4 months ago by Support2.
    • This topic was modified 5 years, 4 months ago by Support2.
    • This topic was modified 2 years, 10 months ago by Support.
  • Author
    Posts
Viewing 1 post (of 1 total)

This topic is marked as "RESOLVED" and can not rceive new replies.