Help needed – Adventure theme.

rosenthalblog · Member · Oct 6, 2014 at 11:28 am
Copy link

Add topic to favorites
Hello, first than all I would like to wish you a good start of week.

I hope I can find some help to solve some situations that I have with my CSS.

MAIN MENU:
– I would like to know if it is possible to place my main menu to the center of my blog, as you can see it is aligned to the left. How could be the CSS to place it in the center?

– Second, is it possible to place it below my header and not above? I mean between my post area/sidebar and the header? If the answer is yes, how can be the css to do it?

SIDEBAR

Is it possible to make my sidebar a little bif widther? If it is possible how can I do it?

Is it possible to change the space between my widgets? I mean, the space between my first and my second widget, the space between the second and the third, etc etc? I want it to be 2 or 3 px.

Is it possible to change the space between my post area and my sidebar (widget area)? I want it 2 or 3 px too.

I would really apreciate your help.

Thanks in advance.
Best wishes.
B.

The blog I need help with is: (visible only to logged in users)
galois · Member · Oct 6, 2014 at 11:56 am
Copy link
Hi.
There is a specific forum for that theme (and the author answers there):
http://premium-themes.forums.wordpress.com/forum/adventure

Best wishes.
hallluke · Member · Oct 6, 2014 at 1:09 pm
Copy link
This is a bit complicated in your theme but here goes nothing, try adding this under your existing custom CSS rules:
```
@media only screen and (min-width: 768px) {
  /*centre nav*/
  #navigation .menu-container {
    display:inline-block;
    margin-left:-15.625%;
  }

  #menu-top-menu {
    text-align:center;
  }

  /*widget-widget spacing*/
  .widget {
    margin-bottom:6px;
  }

  /*content-widget spacing*/
  .sidebar {
    padding-left:6px;
  }

  /*widget-widget spacing*/
  .widget {
    margin-bottom:6px;
  }

  /*widget width*/
  .row .eleven {
    width:62.5%;
  }

  .row .five {
    width:37.5%;
  }

  .page-template-template-three-column-php .row .five {
    width:31.25%;
  }
}
```
I couldn’t find a reliable way of moving the navigation menu to the bottom of the header although there may very well be a way to do it that I’ve missed!

The code is set up just for larger screens so it doesn’t break the theme’s responsive layout for mobiles. The bits you wanted to be 3px I’ve set to 6px as this is the width of the widget borders (technically they’re box-shadows) and it looks better this way.

I’ve also set the sidebar width back to normal for the 3 column front page but if the theme has any other page templates then this might very well ruin the formatting.

I would suggest testing it out in the customizer and checking as thoroughly as you can before implementing the changes.

Let me know if you have any other questions (or if the theme author comes up with a better method – it would be interesting to learn from them!)
bayronbowerbird · Member · Oct 6, 2014 at 2:18 pm
Copy link
hallluke!

I’ll copy it also onto my blog!

Could you please take a look in my blog ,and tell me why my menu is not really going to the center as Rosenthalblog’s site is doing?

Could you please tell me please how should I write my CSS to make 6 px also in the line between my ‘main menu and my ‘post area/widget area’?
bayronbowerbird · Member · Oct 6, 2014 at 2:52 pm
Copy link
Sorry, between my main menu and my header*
thesacredpath · Member · Oct 13, 2014 at 2:33 pm
Copy link
Hi, in your custom CSS, you have a negative left margin set in #navigation .menu-container that is keeping the menu from centering. Remove that and all will be well.
```
#navigation .menu-container {
    display: inline-block;
    margin-left: -15.625%; /*<< remove this line*/
}
```

No items found.