Blog Documentation Try Vanilla Cloud
Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

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

xsilentxsilent New
edited October 2011 in Vanilla 2.0 - 2.8
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
image

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

Best Answers

  • Options
    camocamo New
    Answer ✓
    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;
    }
  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    what he said

    grep is your friend.

  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    Nah yours was better I'm sure.

    *edit it is not quite right*

    grep is your friend.

  • Options
    camocamo New
    Answer ✓
    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
  • Options
    x00x00 MVP
    Answer ✓
    #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*/ }

    grep is your friend.

  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    @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.

    grep is your friend.

  • Options
    x00x00 MVP
    Answer ✓
    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.

    grep is your friend.

  • Options
    camocamo New
    Answer ✓
    @xsilent glad you got it mate! :)
    @x00 , ah well, ya cant win 'em all eh! :)
  • Options
    atradesatrades New
    Answer ✓
    Also I changed the following for those that are nervous about css

    in the header change the logo code for the following:




    {logo} This is just place holder text. Use the default master to put whatever you want here!

    Should help you

Answers

  • Options
    camocamo New
    Answer ✓
    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;
    }
  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    what he said

    grep is your friend.

  • Options
    camocamo New
    Lol, Ok go with what @x00 said, he knows his stuff! :)
  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    Nah yours was better I'm sure.

    *edit it is not quite right*

    grep is your friend.

  • Options
    camocamo New
    Answer ✓
    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
  • Options
    x00x00 MVP
    Answer ✓
    #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*/ }

    grep is your friend.

  • Options
    x00x00 MVP
    edited October 2011 Answer ✓
    @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.

    grep is your friend.

  • Options
    xsilentxsilent New
    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..

    image

    sorry i wasn't clear to explain before..
  • Options
    x00x00 MVP
    Answer ✓
    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.

    grep is your friend.

  • Options
    xsilentxsilent New
    edited 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..
    image

    Thank you so much.. @x00 and @camo
  • Options
    camocamo New
    Answer ✓
    @xsilent glad you got it mate! :)
    @x00 , ah well, ya cant win 'em all eh! :)
  • Options
    atradesatrades New
    Answer ✓
    Also I changed the following for those that are nervous about css

    in the header change the logo code for the following:




    {logo} This is just place holder text. Use the default master to put whatever you want here!

    Should help you
Sign In or Register to comment.