WordPress.org

Ready to get started?Download WordPress

Forums

MH Magazine lite
[resolved] changes (14 posts)

  1. JeekHeroes
    Member
    Posted 6 months ago #

    I created a menu (top menu), but how do I place it in a horizontal and in the top right?

    I would also like to be able to "enlarge the page" because it is too far from the end of the screen!

    The site is jeekheroes.net Thank you all!

  2. Jesin A
    Member
    Posted 6 months ago #

    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;
    }
  3. MH Themes
    Member
    Theme Author

    Posted 6 months ago #

    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

  4. JeekHeroes
    Member
    Posted 6 months ago #

    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)

  5. MH Themes
    Member
    Theme Author

    Posted 6 months ago #

    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.

  6. Jesin A
    Member
    Posted 6 months ago #

    Increase the size of the content area

    .content {
      width: 670px;
    }

    and also the sidebar

    .sidebar, .hp-sidebar {
      width: 320px;
    }
  7. JeekHeroes
    Member
    Posted 6 months ago #

    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!

  8. Jesin A
    Member
    Posted 6 months ago #

    It does work when I make changes using firebug.

    Try this code

    .hp-sidebar.sb-right.hp-home-6 {
      margin-left: 50px;
      width: 330px;
    }
  9. JeekHeroes
    Member
    Posted 6 months ago #

    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

  10. Jesin A
    Member
    Posted 6 months ago #

    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;
    }
  11. JeekHeroes
    Member
    Posted 6 months ago #

    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)

  12. MH Themes
    Member
    Theme Author

    Posted 6 months ago #

    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.

  13. JeekHeroes
    Member
    Posted 6 months ago #

    thank you very much!

    But to change the size of the header? is giant xD

  14. MH Themes
    Member
    Theme Author

    Posted 6 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.