• Hello everybody!

    how can I pan the position of menu items of a sidebar in the center …?
    At the moment the items are on the left side but it would be nicer if they could be in the middle of the row.

    hier the link for better understanding ??
    https://dwdm.eyes2k.net/

    Thank you in advance !!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi CrackInfoTante!

    You can edit the theme stylesheet to center the text of each navigation block.

    Example:

    .navigation li {
        text-align: center;
    }

    Thread Starter CrackInfoTante

    (@crackinfotante)

    Dear TTTyan,
    Great! Thank you! Do you also have an idea how I could avoid the grey small gap between the picture and the bleack header ? I would like to have the picture on the black header …like the post – page …

    Current the code in your sidebar reads:

    <div class="blog-header">
      <h1 class="blog-title">
        <a href="https://dwdm.eyes2k.net" title=" — Der Wert der Menschenrechte" rel="home"></a>
      </h1>
      <img src="https://dwdm.eyes2k.net/wp-content/uploads/2015/12/brandenburgertor-hellgrau.png" height="250" width="400"">
      <!--<h3 class="blog-description">Der Wert der Menschenrechte</h3>-->
    </div>

    Instead, you would want:

    <div class="blog-header">
      <h1 class="blog-title">
        <a href="https://dwdm.eyes2k.net" title=" — Der Wert der Menschenrechte" rel="home">
          <img src="https://dwdm.eyes2k.net/wp-content/uploads/2015/12/brandenburgertor-hellgrau.png" height="250" width="400">
        </a>
      </h1>
    
      <!--<h3 class="blog-description">Der Wert der Menschenrechte</h3>-->
    </div>

    The small gray gap between the picture and black header was from the image being placed outside of the “h1.blog-title a” tag.

    Thread Starter CrackInfoTante

    (@crackinfotante)

    wau, I had never find this without your help !
    Now I just want to have two things done before I finally fall in my bed:
    firstly: I would like that my white post site covers the right site totally (so without the grey gap on the right site)
    secondly: somehow the black header was overwritten by me by accidence and I cannot change the height of it – because right now the header is too small …
    If you want to help again ?? feel free ??

    1. You can set the body background to:

    body {
      background: #fff;
    }

    NOTE: You’ll need to edit the background colors for the left sidebar, too

    2. I’m guessing the ID #header styles were deleted. You can set the background color to black using:

    #header {
      background: #000;
    }

    And you can control the height through padding:

    #content {
      padding: 15px 0;
    }

    NOTE: padding: 15px 0 is shorthand css for:

    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;

    Thread Starter CrackInfoTante

    (@crackinfotante)

    ok I tried to do what you suggested … but unfortunately my sidebar isn’t seen anymore because of the white post … :O

    Thread Starter CrackInfoTante

    (@crackinfotante)

    acutally the white post should be panned to the right site

    Ah, it sounds like you want the main content box (right side) to span the full remaining width. You’ll need to adjust the main container, surrounding the sidebar and main content box, to span a width of 100%.

    Thread Starter CrackInfoTante

    (@crackinfotante)

    my probem is that I don’t know how the element is called. I’m looking for the element which contains the white content page… ??

    Thread Starter CrackInfoTante

    (@crackinfotante)

    ok now I fixed it. Anyway the white page in the middle has to be cover the whole right side…without the grey gap

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘how to pan the position of menu items of a sidebar in the center’ is closed to new replies.