[Solved] How to fix the title position become in the middle

This discussion is related to the Rounder addon.

I have big interest to use rounder theme.. but after i instaled. I see my website title is not in the middle position.. actualy i dont really know about css code.. could you give me the instructions how to solve this..

this is the screenshot


or you can visit to my website directly, http://gudangartikel.net/

you can send me to the my email aziestxsilent@hotmail.com. because since I use this forum i dont know how to accept the reply from others..

thanks for your themes.. I apreciated this..

camo

Try changing rounder css (this should work)

change

#Head h1.Title a{
	color:#A2CB2D;
	font-size:3em;
}

to

#Head h1.Title a{
	color:#A2CB2D;
	font-size:3em;
              text-align:center;
	margin: 0 auto;
}

and change

#Head h1.Title a:hover{
	color:#376d01;
	font-size:3em;
}

to

#Head h1.Title a:hover{
	color:#376d01;
	font-size:3em;
               text-align:center;
	margin: 0 auto;
}

x00

what he said

camo

Lol, Ok go with what @x00 said, he knows his stuff! :)

x00

Nah yours was better I'm sure.

*edit it is not quite right*

camo

Either should work, but there are so many variables, like different browsers etc

by the way x00 (hijacking apology to xsilent :)) could please take a look at this for me mate, its got me truely stumped

http://vanillaforums.org/discussion/17447/rss-feed-not-working-v-2.0.18rc#Item_7

x00

#Head {
background: url("bg_content_top_nobox.png") repeat scroll 0 0 transparent;
height: 230px;
padding: 0;
text-align: center;/*add this*/
}

body #Head h1 {
display: block;
/*margin: 25px 0 0 40px;*//*remove this*/
padding: 30px 0 0;/*add this*/
clear:both; /*add this*/
}

x00

@camo I checked yours in firebug and it didn't do the job mainly becuase anchor are inline by default and their width is the width of the text they wrap.

xsilent

thanks for your help @x00 but this worked perfectly but this is not what i want,, I mean how to make the title in the middle position but still in line with the second text..

this is the position what i want..



sorry i wasn't clear to explain before..

x00

xsilent you need to read up on css. This is not vanilla specific. Books from http://htmldog.com/ are good.

vertical-align is how you align in-line element vertically.

xsilent

finally i can fix this.. lol..

I just modified ur code become this
#Head {
background:transparent url(bg_content_top_nobox.png) repeat scroll 0 0;
padding:0;
text-align: left;
height:230px;
}

body #Head h1 {

margin: 55px 0 0 40px;
padding: 30px 0 0;
clear:both;
}

then my theme will be look like this..


Thank you so much.. @x00 and @camo

camo

@xsilent glad you got it mate! :)
@x00 , ah well, ya cant win 'em all eh! :)

atrades

Also I changed the following for those that are nervous about css

in the header change the logo code for the following:

<!--Load custom logo from banner options-->
<table width="850" border="0">
<tr>
<td><h1 class="TITLE"><a href="{link path="/"}">{logo}</a></h1></td>
<td><div id="t-right">
<p class="intro">This is just place holder text. Use the default master to put whatever you want here!</p>
</div></td>
</tr>
</table>

Should help you