Lotti
|
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
|
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
|
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
|
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
|
That moved both the header text and the slogan, I just want to move the slogan.
Thanks
|
|
Garry
|
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
|
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
|
@ Julia
Following related thread may also be helpful:
http://www.artisteer.com/?post_id=123880&p=forum_post&forum_id=20
|
|
Lotti
|
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
|
Please can you help me, 8 days more days of trying to figure it out and still no luck
|
|
Lotti
|
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
|
Your template might have some different structure, you should provide a link to your site.
|
|
Lotti
|
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
|
Any suggestions?
|
|
Garry
|
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
|
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
|
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
|
Yay, success at last, thanks for your help!
|
|