Multiple Lines in Header Text |
|
shotbyadam
|
I am trying to get the text in the header (both the title and tagline) to have multiple lines. I read that someone suggested putting in <p> and </p> tags to create line breaks and that works great in the Artisteer software but when I export the theme and install it into Wordpress, all the text is one one line. How do I fix this? Thanks!
|
| |
speedyp
|
Hi there - Gina helped me out recently to do exactly that:
"You need to add a simple text lines in the header area? If yes, then you can add a line like this to header.php (for example before <div class="art-logo"> or somewhere else dependiing on where you need the text be positioned):
<div class="art-textline">
TEXT LINE 1 </br>
TEXT LINE 2</br>
TEXT LINE 3 etc .</br>
</div>
you can add as many lines as you need, </br> will start the text with new line.
Then you can go to style.css and add any style to the text like this:
.art-textline {
font-family: Times New Roman
font-size: 18px
text-decoration: underline
}
The css parameters can be various, depending on your needs.
As the text is wrapped in divs, it can be moved left/right/up/down in css file as well by adding margin."
Hope this helps 
|
| |
shotbyadam
|
Well, this sort of makes some sense but I think a LOT of clarification is needed here.
So what you are saying is, in Artisteer (before I export the theme) I should change my <p></p> tags to line breaks instead?
Then, after it's exported and then loaded into WP, I'm supposed to go into the header.php file and import the code you quoted along with doing the corresponding cut/paste job in the style.css file. The question is, where do I paste these pieces of code to make this work?
Quote speedyp:
Hi there - Gina helped me out recently to do exactly that:
"You need to add a simple text lines in the header area? If yes, then you can add a line like this to header.php (for example before <div class="art-logo"> or somewhere else dependiing on where you need the text be positioned):
<div class="art-textline">
TEXT LINE 1 </br>
TEXT LINE 2</br>
TEXT LINE 3 etc .</br>
</div>
you can add as many lines as you need, </br> will start the text with new line.
Then you can go to style.css and add any style to the text like this:
.art-textline {
font-family: Times New Roman
font-size: 18px
text-decoration: underline
}
The css parameters can be various, depending on your needs.
As the text is wrapped in divs, it can be moved left/right/up/down in css file as well by adding margin."
Hope this helps
|
| |
gcm
|
I think wordpress ignores what you put in the headline/slogan box in Artisteer. It's just a placeholder so you can apply font/style size etc. If you want to add more than one line then you need to edit the header.php file. It's actually pretty easy because it takes in html. (see example below). Just look for <div class="art-logo"> that's where you make the changes.
Headline Result
|
| |
shotbyadam
|
Thanks for the tip. I'm just a bit confused on one thing though. By using this strategy, I assume that I am now going to go into the WordPress settings and remove any text from the Site Title and Tagline areas, correct? By doing this, isn't it going to kill my SEO as now Google, when they try to find the title tags, won't be able to see anything because there is no text there.
If you can please confirm this, I'd appreciate it. I'd rather use a bad theme that SEOs properly than a theme I custom make that doesn't. This seems like a pretty massive bug on Artisteer's part.
|
| |
gcm
|
You can leave the title and tagline in WP if you like. You may just want to add the additional lines that you need to header.php
Maybe by leaving the Site Title and Tagline in, it will still protect your SEO. Someone else comment on that please
|
| |
shotbyadam
|
Quote gcm:
You can leave the title and tagline in WP if you like. You may just want to add the additional lines that you need to header.php
Maybe by leaving the Site Title and Tagline in, it will still protect your SEO. Someone else comment on that please
Yes, but if I put that in there, then it will show up twice in the header.
|
| |
JOC
|
Will this sort of trick work in the side menu bar? I have some descriptive page names in the side menu, but they are longer than the side menu bar is wide. I would like to get the page names to wrap if they need to in each of the side menu bar buttons.
|
| |
Emanuele
|
Quote gcm:
I think wordpress ignores what you put in the headline/slogan box in Artisteer. It's just a placeholder so you can apply font/style size etc. If you want to add more than one line then you need to edit the header.php file. It's actually pretty easy because it takes in html. (see example below). Just look for <div class="art-logo"> that's where you make the changes.
Headline Result
Dear all,
I tried to apply the solution provided by gcm and the Headline and the Slogan don't appear formatted.
Then I tried to format it by modifying the style.css like the solution by speedyp.
For instance:
.art-logo {
font-family: Times New Roman
font-size: 189px
text-decoration: underline
}
But I don't see any changing...  Can someone help me?
Thank you very much,
Emanuele. 
|
| |
Dave
|
Well, this is just plain STUPID! I have been a loyal Artisteer user since version 2 and have just started using Version 4. It used to take me 2 seconds to add a multi line header or other text. Why is there no "text block" option to add to the header? Why only "Slogan" and "Headline" (for Joomla).
The program is getting worse and worse. They are trying to make it more "generic" and work across more platforms and all they are really doing is ruining good functionality.
I used to have a lot more power and flexibility on the template design. Now i have to drop back to CSS/Code to do half the things i used to do in Artisteer. That is the whole point in buying the software is so you don't have to do code/CSS.
I hope the authors read this and realize they are ruining a great product. I could care less about all the other CMS platforms. I want this to work for Joomla and do it well. Stop trying to please everyone with ONE piece of software. Fork it off and create different versions so I can get back the easy of use I bought the software for!
|
| |
Dave
|
Ok - update to my post above.... still frustrated with Artisteer, but realized all you have to do is "add a shape" to the header and then add text to that. Not very intuitive.... still stand by what I said before though. Feels like the software is getting a bit overly complicated for its own good.
|
| |
Winny the Pooh
|
Hello.
The header (web site) title will wrap by itself if it's long. I have a long title, it's wrapping. I just want to control that wrap, I want to split it in a certain place.
Is there a substitute for the BR tag that would work once our theme is uploaded in WordPress. That we could just include in the text of the title itself inside the "General" Settings in WordPress dashboard?
Are there DIV codes that might work to break a title into two lines?
In this case, my title, as designed in my Artisteer theme, is align-right. I want to keep that, and just split the title where I want to.
Ditto for the tagline. I want to break it into two or three.
Because I tried your solution above, and while the two lines do appear, they appear as extra lines of non-formatted text, above the existing title, which I would have to remove, and I don't want to remove it.
I just want to break it up, break it in two. And the idea of fiddling around with how to format this extra code to get the same font, size and alignment that I already did in Artisteer, is not appealing to me. I'm not a coder.
Thanks for your time.
|
| |
Winny the Pooh
|
Hello.
The header (web site) title will wrap by itself if it's long. I have a long title, it's wrapping. I just want to control that wrap, I want to split it in a certain place.
Is there a substitute for the BR tag that would work once our theme is uploaded in WordPress. That we could just include in the text of the title itself inside the "General" Settings in WordPress dashboard?
Are there DIV codes that might work to break a title into two lines?
In this case, my title, as designed in my Artisteer theme, is align-right. I want to keep that, and just split the title where I want to.
Ditto for the tagline. I want to break it into two or three.
Because I tried your solution above, and while the two lines do appear, they appear as extra lines of non-formatted text, above the existing title, which I would have to remove, and I don't want to remove it.
I just want to break it up, break it in two. And the idea of fiddling around with how to format this extra code to get the same font, size and alignment that I already did in Artisteer, is not appealing to me. I'm not a coder.
Thanks for your time.
|
| |
|
|