Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2010
    Posts
    70
    Thanks
    30
    Thanked 0 Times in 0 Posts

    Exclamation [Wordpress] Center Page Titles?

    Hello there ..

    I am setting up a website for my client, but i got some troubles with a few things.

    Here is the website:
    http://www.lindenskov.net/

    Here is the CSS:
    http://lindenskov.net/wp-content/the...ress/style.css

    First of all, i would like to center all my page titles.

    Second, i want my logo to be placed a bit higher.

    the last thing i got some trouble with is the wallpaper.
    How do i make it properly?

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    lol I hate javascript, blocking inspect element

    1. To center your headers, add this anywhere in your CSS:
    Code:
    #content_full h2 {
       text-align: center;
    }
    2. To lower the header, reduce 73px

    style.css, line 29:
    Code:
    #logo { border: none; margin: 73px auto 0px 300px; clear: both; }
    3. ?
    Quote Originally Posted by Samz3n View Post
    the last thing i got some trouble with is the wallpaper.
    How do i make it properly?
    Last edited by Sammy12; 11-23-2011 at 11:44 PM.

  • Users who have thanked Sammy12 for this post:

    Samz3n (11-24-2011)

  • #3
    New Coder
    Join Date
    Apr 2010
    Posts
    70
    Thanks
    30
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Sammy12 View Post
    1. To center your headers, add this anywhere in your CSS:
    Code:
    #content_full h2 {
       text-align: center;
    }
    I tried to add the following code.. I also tried to change h2 to h1
    Doesn't seem to work ..

    Is there a special part in the CSS, where the code should go?

    Quote Originally Posted by Sammy12 View Post
    2. To lower the header, reduce 73px

    style.css, line 29:
    Code:
    #logo { border: none; margin: 73px auto 0px 300px; clear: both; }
    I tried to reduce 73px .. even the others, but the logo stays on the same place .. :-/

    3. I want to have a wallpaper, or something like a left and right sidebar to place some pattern wallpaper.. It is a bit boring with all that black color
    But it needs to fit the most "standard" screen resolutions

    You can see my change in the CSS file from #1

    Thank you so much for your help.. I really appreciate it
    Last edited by Samz3n; 11-24-2011 at 12:05 AM.

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    let's start out by deleting these two bunches of javascript (the one highlighted and the one below it), they are preventing other people from viewing your script which is just annoying. anyone looking at the code will know how to bypass that, so is there a reason to have it?

    Last edited by Sammy12; 11-24-2011 at 12:17 AM.

  • Users who have thanked Sammy12 for this post:

    Samz3n (11-24-2011)

  • #5
    New Coder
    Join Date
    Apr 2010
    Posts
    70
    Thanks
    30
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Sammy12 View Post
    let's start out by deleting these two bunches of javascript (the one highlighted and the one below it), they are preventing other people from viewing your script which is just annoying. anyone looking at the code will know how to bypass that, so is there a reason to have it?

    Well .. I couldn't find those lines of code anywhere ..
    But suddenly everything was fixed :s .. weird cause i updated both of my browsers a lot!

    Thanks a lot!

    I got another request.. if it isn't too much to ask for?
    I want to move all the content text a little to the right.

    also .. the layout (logo, menu etc) is moving a little depending on which page you're on
    Last edited by Samz3n; 11-24-2011 at 12:33 AM.

  • #6
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    in order to move the text a little to the right, add this code somewhere in your css

    Code:
    #posts_post_full {
       padding-left: 20px;
    }
    for the logo, let's try make it centered:

    style.css line 29
    #logo { border: none; margin: 30px 10px auto 300px; clear: both; }

    let's change this to:

    Code:
    #logo {
       border: none;
       margin: 30px auto 0 auto;
       display: block;
    }
    Last edited by Sammy12; 11-24-2011 at 12:46 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •