Multilanguage Title and Artful Theme


(katharina) #1

Hi,

I am creating a multilanguage webpage using the RWML stack and the new Artful Theme. To change the title I use <span Lang"DE"> textDE <span Lang"EN"> textEN .
This works, but at the top of the page now some additional text appears textDE"/>

Here a screenshot:

Any idea how I can solve this problem?

Thanks!
katharina


(Rob D) #2

Looks like you forgot to type closing tags /span? Can’t you just use the RWML Replace stack instead of using <span> code inside your Title setting?


(katharina) #3

Thank you!

I will try the RWML replace stack which comes with the new RWML. At the moment I am using the old version of RWML.

(I didn‘t forget the closing tags, but I forgot to type them in my question.)


(Will Woodgate) #4

I think the markup should look something like this:

<span lang="de">textDE></span><span lang="en">textEN</span>

You need a ‘=’ character between the attribute and its value.


(katharina) #5

I think it’s not a syntax problem. It looks correct (I simply wrote it wrong in my first question) and the title is indeed changing the way I want - but with this strange text at the upper left corner.

For testing I tried another span tag in the Title Field of the Overwrite Default Settings:
<span style="color:blue">text</span>
The color changes as expected, but again the strange text text"/> at the upper left corner.

I wonder if this is a general problem of the Artful Theme?


(Doug Bennett) #6

Without seeing the code, it’s hard to if you’re having a syntax issue. Sometimes browsers will give “bleed through” results when syntax errors are encountered. The strange text at the upper left corner looks to be just that. It contains what looks like part of a closing html tag />.

Browsers will attempt to interpret and apply html and css rules even with syntax errors. So just because part of something appears to be working doesn’t rule out there could be errors.

Best bet to getting this resolved would be to provide a URL and or list the code you ha applied.
When listing html code on the forum it’s best to place it on lines but them self, select the lines(highlight) and then mark it as code by selecting the </> button above where you’re typing. That marks it as code and ensures it displays properly.


(katharina) #7

This is what I wrote in the title field:

FirstName Name<br> <sub><sub><span Lang="DE">Pianistin</span><span Lang="EN">Pianist</span></sub></sub>

37

And this is the resulting html code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta charset="utf-8" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="robots" content="index, follow" />
		<meta name="generator" content="RapidWeaver" />
		 

	<!-- Meta tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

	<title>Home | <br>FirstName Name<br> <sub>Pianistin</sub><br></title>
	<link rel="stylesheet" type="text/css" media="all" href="consolidated-0.css?rwcache=561371233" />
		
	  <style type="text/css" media="all">.footer-content {
    font-family: Quattrocento Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 100;
    margin-bottom: 2rem
    font-size: 0.75rem;
}
</style>  		<link rel='stylesheet' type='text/css' media='all' href='index_files/stacks.css?rwcache=561371233?rwcache=561371233' />
		<link rel='stylesheet' type='text/css' media='all' href='index_files/stacks_page_page0.css?rwcache=561371233' />
        <script type='text/javascript' charset='utf-8' src='index_files/jquery-2.2.4.min.js?rwcache=561371233?rwcache=561371233'></script>
        
        
        
		
		<script type='text/javascript' charset='utf-8' src='index_files/stacks_page_page0.js?rwcache=561371233'></script>
        <meta name="formatter" content="Stacks v3.6.4 (4202)" >
		<meta class="stacks3 stack version" id="com.onelittledesigner.stacks.Simple_Position" name="Simple Position" content="1.0.4">
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_Enclosure" name="RWML Enclosure" content="1.1.2">
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_Switch_Styled" name="RWML Switch (Styled)" content="1.1.2">
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_Content" name="RWML Content" content="1.1.2">
		<meta class="stacks3 stack version" id="text" name="Text" content="">
		

</head>

<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com -->

<body>
	<nav class="navbar navbar-expand-lg">
		<div class="container">
            <a class="navbar-brand" href="https://www.test.de/">
                <div class="logo"><img src="index_files/SoniKünstlerfoto1KirstenBohlig_klein.jpg" width="122" height="122" alt="FirstName Name<br> <sub><sub><span Lang="DE">Pianistin</span><span Lang="EN">Pianist</span></sub></sub>"/></div>
                <span class="navbar-title">FirstName Name<br> <sub><sub><span Lang="DE">Pianistin</span><span Lang="EN">Pianist</span></sub></sub></span>
            </a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
			 aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav ml-auto"><li class="nav-item active"><a href="./" rel="" class="nav-link">Home</a></li><li class="nav-item"><a href="page/" rel="" class="nav-link">vita</a></li><li class="nav-item"><a href="page-10/" rel="" class="nav-link">Pressestimmen</a></li><li class="nav-item"><a href="page-2/" rel="" class="nav-link">CD-Einspielungen</a></li></ul>
			</div>
		</div>
	</nav>
	<div class="hero pb-5">
		<div class="container">
			<div class="row align-items-center justify-content-center">
				<div class="col-sm-6 align-self-center">
					<h1 class="hero-title mb-4">
						FirstName Name<br> <sub><sub><span Lang="DE">Pianistin</span><span Lang="EN">Pianist</span></sub></sub>
					</h1>
					<p class="lead hero-slogan">
						
					</p>
				</div>
				<div class="col-sm-6">
					<img src="index_files/DSC00041.JPG" width="100" alt="" class="banner_image">
				</div>
			</div>
		</div>
    </div>

    <hr class="my-5">

	<div class="container pt-5">
        <div class="row intro justify-content-between">
            <div class="col-sm-12">
                
<div id='stacks_out_1_page0' class='stacks_top'><div id='stacks_in_1_page0' class=''><div id='stacks_out_52_page0' class='stacks_out'><div id='stacks_in_52_page0' class='stacks_in net_tsooj_stacks_RWML_Enclosure_stack'><!-- Start of RWML Enclosure stack v1.1.2 -->


<div class="rwml-menu-imported">@import((rwml-menu))</div>
<!-- Content used by this stack is dynamically added or removed -->
<!-- End of RWML Enclosure stack -->
</div></div><div id='stacks_out_54_page0' class='stacks_out'><div id='stacks_in_54_page0' class='stacks_in text_stack'><span style="font-size:13px; color:#424242;">		<link rel='stylesheet' type='text/css' media='all' href='index_files/stacks.css?rwcache=561371233?rwcache=561371233' />
		<link rel='stylesheet' type='text/css' media='all' href='index_files/stacks_page_page6.css?rwcache=561371233' />
        <script type='text/javascript' charset='utf-8' src='index_files/jquery-2.2.4.min.js?rwcache=561371233?rwcache=561371233'></script>
        
        
        
		
		<script type='text/javascript' charset='utf-8' src='index_files/stacks_page_page6.js?rwcache=561371233'></script>
        <meta name="formatter" content="Stacks v3.6.4 (4202)" >
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_Enclosure" name="RWML Enclosure" content="1.1.2">
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_Menu" name="RWML Menu" content="1.1.2">
		<meta class="stacks3 stack version" id="net.tsooj.stacks.RWML_MenuItem" name="RWML Menu Item" content="1.1.2">
		

<div id='stacks_out_1033_page6' class='stacks_top'><div id='stacks_in_1033_page6' class=''><div id='stacks_out_4972_page6' class='stacks_out'><div id='stacks_in_4972_page6' class='stacks_in net_tsooj_stacks_RWML_Enclosure_stack'><!-- Start of RWML Enclosure stack v1.1.2 -->


<div class="rwml-menu-imported">@import((rwml-menu))</div>
<!-- Content used by this stack is dynamically added or removed -->
<!-- End of RWML Enclosure stack -->
</div></div><div id='stacks_out_4974_page6' class='stacks_out'><div id='stacks_in_4974_page6' class='stacks_in '><div id='stacks_out_p4974_n1_page6' class='stacks_out'><div id='stacks_in_p4974_n1_page6' class='stacks_in net_tsooj_stacks_RWML_Menu_stack'><!-- Start of RWML Menu stack v1.1.2 -->
<div title="stacks_in_p4974_n1_page6" class="rwml-menu"><div id='stacks_out_p4974_n40_page6' class='stacks_out'><div id='stacks_in_p4974_n40_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="Home" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">Home</span><span class="rwml-menu-item-span" lang="EN">Home</span></div>
<!-- End of RWML Menu Item stack -->
</div></div><div id='stacks_out_p4974_n28_page6' class='stacks_out'><div id='stacks_in_p4974_n28_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="Vita" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">VITA</span><span class="rwml-menu-item-span" lang="EN">Vita</span></div>
<!-- End of RWML Menu Item stack -->
</div></div><div id='stacks_out_p4974_n34_page6' class='stacks_out'><div id='stacks_in_p4974_n34_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="Pressestimmen" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">Pressestimmen</span><span class="rwml-menu-item-span" lang="EN">Press</span></div>
<!-- End of RWML Menu Item stack -->
</div></div><div id='stacks_out_p4974_n2_page6' class='stacks_out'><div id='stacks_in_p4974_n2_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="CD-Einspielungen" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">CD-Einspielungen</span><span class="rwml-menu-item-span" lang="EN">CD Recordings</span></div>
<!-- End of RWML Menu Item stack -->
</div></div><div id='stacks_out_p4974_n8_page6' class='stacks_out'><div id='stacks_in_p4974_n8_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="Kontakt,Impressum" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">Kontakt,Impressum</span><span class="rwml-menu-item-span" lang="EN">contact,imprint</span></div>
<!-- End of RWML Menu Item stack -->
</div></div><div id='stacks_out_p4974_n14_page6' class='stacks_out'><div id='stacks_in_p4974_n14_page6' class='stacks_in net_tsooj_stacks_RWML_MenuItem_stack'><!-- Start of RWML Menu Item stack v1.1.2 -->

<div title="Downloads" class="rwml-menu-item">
<span class="rwml-menu-item-span" lang="DE">Downloads</span><span class="rwml-menu-item-span" lang="EN">Downloads</span></div>
<!-- End of RWML Menu Item stack -->
</div></div></div>
<!-- End of RWML Menu stack -->
</div></div></div></div></div></div>
</span></div></div><div id='stacks_out_62_page0' class='stacks_out'><div id='stacks_in_62_page0' class='stacks_in com_onelittledesigner_stacks_Simple_Position_stack'><div id="simplePosition_stacks_in_62_page0" class="sizeControlOff">
	<div id='stacks_out_81_page0' class='stacks_out'><div id='stacks_in_81_page0' class='stacks_in net_tsooj_stacks_RWML_Content_stack'><!-- Start of RWML Content v1.1.2 -->
<div class="rwml-sys"><div lang="DE" dir="LTR"><div id='stacks_out_60_page0' class='stacks_out'><div id='stacks_in_60_page0' class='stacks_in net_tsooj_stacks_RWML_Switch_Styled_stack'><!-- Start of RWML Switch (Styled) v1.1.2 -->
<a href="#rwml-EN" rel="rwml" title="Show this page in English" hreflang="EN"><span style="color:#FAAD4A;font-weight:bold; ">ENGLISH</span></a>
<!-- End of RWML Switch (Styled) -->
</div></div></div></div>
<!-- End of RWML Content -->
</div></div><div id='stacks_out_83_page0' class='stacks_out'><div id='stacks_in_83_page0' class='stacks_in net_tsooj_stacks_RWML_Content_stack'><!-- Start of RWML Content v1.1.2 -->
<div class="rwml-sys"><div lang="EN" dir="LTR"><div id='stacks_out_56_page0' class='stacks_out'><div id='stacks_in_56_page0' class='stacks_in net_tsooj_stacks_RWML_Switch_Styled_stack'><!-- Start of RWML Switch (Styled) v1.1.2 -->
<a href="#rwml-DE" rel="rwml" title="Seite auf deutsch" hreflang="DE"><span style="color:#FAAD4A;font-weight:bold; ">DEUTSCH </span></a>
<!-- End of RWML Switch (Styled) -->
</div></div></div></div>
<!-- End of RWML Content -->
</div></div>
	
	
	
</div></div></div></div></div>

            </div>
            <div class="sidebar col-sm-6 order-md-8">
                <h2 class="sidebar-title">
                    
                </h2>

                 
            </div>
        </div>
	</div>

	<div class="footer">
		<div class="container">
			<div class="row justify-content-start">
				<div class="col">
					<div class="footer-content">
						
					</div>

					<ul class="navbar-nav ml-auto"><li class="nav-item active"><a href="./" rel="" class="nav-link">Home</a></li><li class="nav-item"><a href="page/" rel="" class="nav-link">vita</a></li><li class="nav-item"><a href="page-10/" rel="" class="nav-link">Pressestimmen</a></li><li class="nav-item"><a href="page-2/" rel="" class="nav-link">CD-Einspielungen</a></li></ul>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/main.js?rwcache=561371233"></script>
<script>if (window.RWPreviewingInternally == undefined) {var RWWebServerPageRequiresRefreshing = false;window.onblur = function () {	RWWebServerPageRequiresRefreshing = true;};window.onfocus = function (){	if (RWWebServerPageRequiresRefreshing === false) {return;}	var xmlhttp = new XMLHttpRequest();	xmlhttp.onreadystatechange = function() {		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {			location.reload();		}	};	xmlhttp.open("GET", "/RWWebServerIsAliveAndKicking.txt", true);	xmlhttp.send();};}</script>
</body>

</html>

(Don H) #8

Where is the “.footer-content” style code is coming from? It’s missing an “;” after “2rem” on the margin-bottom line. I’d find and correct that and then see where things stand with the issue.


(katharina) #9

I copied the original “.footer-content” style code and added it to the general CCS Code field (Settings) and modified it. Yes, I forgot the “;”, but inserting does not solve the problem.

Meanwhile I started a very new, clean file - and everything looked okay and the title was changing as set by the multilanguage tool, but all of a sudden the strange text appeared again. I realised that it had to do something with what is written in the title field (general settings) and if this title is overwritten by the local settings of a particular page.

Now I try to figure out how to reproduce this error. As soon as I know, I let you know my result.


(katharina) #10

I figured out how to generate the strange additional text:

  1. Create a new project and use the Artful Theme
  2. Insert a stack page
  3. Insert a span tag like for example My Website <span style="color:blue">Test</span> in Settings -> General -> Title

Here it is! Guess, it is a general bug.

Interestingly, you can use the span tag in the Override Default Settings of each individual page. Actually, this is my work around. (In addition I will update my old RWML and test the RWML replace stack )

Thanks to all of you for your great support!!

Katharina