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

xsilent · October 2011

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 · October 2011

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 · October 2011

what he said

x00 · October 2011

Nah yours was better I'm sure.

*edit it is not quite right*

camo · October 2011

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 · October 2011

#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 · October 2011

@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.

x00 · October 2011

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.

camo · October 2011

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

atrades · November 2011

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

camo · October 2011

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

xsilent · October 2011

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..

xsilent · October 2011

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

Howdy, Stranger!

Categories

In this Discussion

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

Best Answers

Answers