To move the menu to the right and make it horizontal place the following CSS in your child theme’s style.css
#menu-top-menu {
float: right;
}
#menu-top-menu li {
float: left;
padding: 5px 10px;
}
I would also like to be able to “enlarge the page”
I understand that you want to increase the width of the main container. The current width is 980px this will increase it to 1100px
.container {
width: 1100px;
}
The width of the content area and the sidebar also have to be increased to make it fill the extra space.
.content.left {
width: 700px;
}
.sidebar, .hp-sidebar {
width: 330px;
}
Hello JeekHeroes,
I created a menu (top menu), but how do I place it in a horizontal and in the top right?
The lite version of MH Magazine does not include a menu slot at the top right. This is only available in the premium version of the theme. Please be aware that we can’t offer free support for theme customizations. But you might want to take a look at this: http://www.w3schools.com/css/css_float.asp
I would also like to be able to “enlarge the page” because it is too far from the end of the screen!
In the premium version of the theme there is an option to enlarge the site width to 1300px. The lite version is limited to 980px. If you want to enlarge it, then you will have to modify the layout and change the CSS.
Regards
Michael
There are successful, thanks Jesin!
But now the widget to the right, too far away, how do I move them to the right?
I also tried to change the header image, but I did not succeed. (it is now white)
But now the widget to the right, too far away, how do I move them to the right?
Yes – because just increasing the width of the main container won’t work. You will also have to adjust other elements to make everything fit properly. But as mentioned before, we do not provide free support for theme customizations.
Increase the size of the content area
.content {
width: 670px;
}
and also the sidebar
.sidebar, .hp-sidebar {
width: 320px;
}
I changed as you told me, but it seems to me that nothing has happened in the sidebar and in the home, now the posts are vertically!
It does work when I make changes using firebug.
Try this code
.hp-sidebar.sb-right.hp-home-6 {
margin-left: 50px;
width: 330px;
}
Thank you all, I was able to “enlarge” the page and fix the sidebar.
It remains for me to do one thing: how do I enlarge the thumbnails of the items, but making them stay for 2 in a row. (if such increase has advised me Jesin, they remain one per row).
Can I put the title and date below the image and not to the side? That way I can reclaim the space and make it stay for 2 in a row!
Under the logo of the site I can put a background?
Thanks again, and sorry for all these questions: P
You have to increase the size of the thumbnails area and the overall page width and then decrease the size of the sidebar.
/*Decrease the sidebar width*/
.hp-sidebar.sb-right.hp-home-6 {
width: 300px;
}
/*Increase the thumbnail are width*/
.content {
width: 710px;
}
/*Increase the page width*/
.container {
width: 1100px;
}
Thanks again Jesin, you’re helping a lot 🙂
I was able to set the values of the page and how I wanted to change the color of the menu.
But how do I change the color also of all the other lines? (now red).
And how do I put a header image?
Above the image can also put my logo?
And how do I put it extended (keep in mind that I have the top menu)
But how do I change the color also of all the other lines? (now red)
The lite version of MH Magazine has no color options included. But you can copy the styles to your child theme and change everything with color #E64946.
And how do I put a header image?
You can upload a header image / logo at “Appearance => Header” in your WordPress dashboard.
Above the image can also put my logo?
The theme does not allow a header image and logo at the same time. Actually the header image is your logo. The only thing you can try is to define an additional header image as background for the header: http://www.w3schools.com/cssref/pr_background-image.asp
And how do I put it extended (keep in mind that I have the top menu)
Just upload the image with the size which you will need to cover the full size of the header.
thank you very much!
But to change the size of the header? is giant xD
Just upload a smaller image or when you upload the image, you will also be able to crop it. You will also have to position your top menu absolute, otherwise the image can’t fill the full size of the header: http://www.w3schools.com/cssref/pr_class_position.asp
