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.

[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 [email protected]. because since I use this forum i dont know how to accept the reply from others..

thanks for your themes.. I apreciated this..

Best Answers

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

    grep is your friend.

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

    *edit it is not quite right*

    grep is your friend.

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

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

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

  • camocamo New
    Answer ✓
    @xsilent glad you got it mate! :)
    @x00 , ah well, ya cant win 'em all eh! :)
  • 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

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

    grep is your friend.

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

    *edit it is not quite right*

    grep is your friend.

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

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

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

  • 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
  • camocamo New
    Answer ✓
    @xsilent glad you got it mate! :)
    @x00 , ah well, ya cant win 'em all eh! :)
  • 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.