How do I add text to the Header?


Author Message
Lotti

Posted: 4/22/2010
Quote message 

Hi,

I want my slogan text to not be displayed under the Company Name, I want the slogan text to be in the top right hand corner - I have added a search box there and want the slogan text under that. I don't think in Artisteer it's possible to position these two separately - can any one tell me how to do it?

Many thanks

Lotti
 
Tom

Posted: 4/22/2010
Quote message 

You'll need to edit the index.php to separate these into <div> areas to accomplish this. Without seeing the current code, it's tough to suggest exact steps.
 
Lotti

Posted: 4/22/2010
Quote message 

Quote Tom:

You'll need to edit the index.php to separate these into <div> areas to accomplish this. Without seeing the current code, it's tough to suggest exact steps.


If i post my index.php code would you be able to help? Sorry I'm really stuck with this.

Thanks
 
Garry

Posted: 4/22/2010
Quote message 

You should try adding float:right in following styling rule in your template.css:

.art-logo-text, .art-logo-text a
{
color:#0A0905 !important;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

-------
add:
-------

float:right;
 
Lotti

Posted: 4/23/2010
Quote message 

That moved both the header text and the slogan, I just want to move the slogan.

Thanks
 
Garry

Posted: 4/23/2010
Quote message 

That was moving only slogan on my template but some templates have different structure, I haven't tested it but you can try adding following styling rule in your template.css:

#slogan-text
{
float:right;
}
 
Julia Marin

Posted: 4/26/2010
Quote message 

Lotti,

How did you add the search box to the upper right corner of your site? What is your site's address so that I can see what it looks like. My page is www.juliamarinphotography.com and I would love to have the search box in the upper right section of my blog rather than within the right column.

Thanks!
Julia
 
Garry

Posted: 4/26/2010
Quote message 

@ Julia

Following related thread may also be helpful:

http://www.artisteer.com/?post_id=123880&p=forum_post&forum_id=20
 
Lotti

Posted: 4/27/2010
Quote message 

I'm still totally struggling with this. It seems whatever I put in my .css file is ignored so I guess I haven't defined it correctly.

This is my .html code:

<div class="slogan-art">     <div id="art-Slogan-name" align="right" class="art-Slogan-text">Global Concerns Youthful Perspectives</div> </div>


This is my .css code:



/* begin Logo */
.art-Slogan
{
display : block;
float:right;
}
#slogan-text
{
float:right;
}
h1.art-Slogan-name
{
display: block;
text-align: right;
}
h1.art-Slogan-name, h1.art-Slogan-name a, h1.art-Slogan-name a:link, h1.art-Slogan-name a:visited, h1.art-Slogan-name a:hover
{
font-family:Rockwell
font-size: 32px;
font-weight: bold;
padding:0;
margin:0;
color: #1F5F93; !important; }
/* end Logo */

 
Lotti

Posted: 4/30/2010
Quote message 

Please can you help me, 8 days more days of trying to figure it out and still no luck :(
 
Lotti

Posted: 4/30/2010
Quote message 

Quote Julia Marin:

Lotti,

How did you add the search box to the upper right corner of your site? What is your site's address so that I can see what it looks like. My page is www.juliamarinphotography.com and I would love to have the search box in the upper right section of my blog rather than within the right column.

Thanks!
Julia

I used the link that Garry recommended.
 
Garry

Posted: 4/30/2010
Quote message 

Your template might have some different structure, you should provide a link to your site.
 
Lotti

Posted: 5/4/2010
Quote message 

hi Garry, my site is: http://theyouthroom.ch/

I have given up trying to do anything is css as nothing seems to make any difference - which means I'm probably doing something wrong calling the code. So now I have everything in the template.html page - it still does not work but I have the writing in the header. My code is as follows:

<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
<div id="searchbox">
<jdoc:include type="modules" name="search" />
</div><!-- end searchbox addition -->

<p font-family="Rockwell" font-weight="bold" font-size="22px" align="right" top=25px" color="#1F5F93"> Global Concerns Youthful Perspectives

</div>

I have included all the code for the header - I added the search box.

What I want is the Slogan under the search box and I want it completely to the right of the page - not with a space as currently and the font needs to be as above - I'm totally at a loss as to why I am failing so badly here.

Thanks
 
Lotti

Posted: 5/5/2010
Quote message 

Any suggestions?
 
Garry

Posted: 5/6/2010
Quote message 

I don't see website slogan on your website it is website title, do you want to align website title on right if yes do following:

add 100% width to following styling rule:

.art-Logo {
display:block;
float:right;
left:0;
position:absolute;
top:74px;
}

----
add:
----

width:100%

----------------------------------------

add float:right to following styling rule:

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover {
color:#417090 !important;
font-family:Rockwell,Arial,Helvetica,Sans-Serif;
font-size:32px;
margin:0;
padding:0;
text-decoration:none;
}

-----
add
-----

float:right;
 
Lotti

Posted: 5/11/2010
Quote message 

No sorry it's the small text just about the search box that says "Global concerns youthful perspectives"

It shouldn't be that small or in that position - but I just can't figure it out - I'm obviously being unbelievably thick as it has taken over a month to just get the text to show in the wrong place :(

Please, please, please can you tell me how to put slogan text under my search box - I so want to stick with Joomla and can't believe I am being defeated by this.

Please help me.
 
Lotti

Posted: 5/11/2010
Quote message 

This is what I now have in my css file - I'm going back to trying that:

.art-Slogan
{
display : block;
position: absolute;
left: 0px;
top: 74px;
width: 100%;

}

h1.art-Slogan-name
{
display: block;
text-align: center;
}

h1.art-Slogan-name, h1.art-Slogan-name a, h1.art-Slogan-name a:link, h1.art-Slogan-name a:visited, h1.art-Slogan-name a:hover
{
font-family:Rockwell,Arial, Helvetica, Sans-Serif;
font-size: 32px;
text-decoration: none;
padding:0;
margin:0;
color: #417090 !important;
float:right;

}

and in my template file:

<div class="art-Logo">
<h1 id="name-text" class="art-Logo-name" align="right"><a href="<?php echo $baseUrl; ?>/">The Youth Room</a></h1>
<h2 id="Slogan-text" class="art-Slogan-text">Global Concerns Youthful Perspectives</h2>
</div>


You can now see part of the slogan - still in the wrong place! It is now under the site Name partly showing.

I need to move it above the site name and to the right under the search box.


 
Lotti

Posted: 5/11/2010
Quote message 

Yay, success at last, thanks for your help!