WordPress.org

Ready to get started?Download WordPress

Forums

MesoColumn
[resolved] Beginner questions (header+categories) for mesocolumn (37 posts)

  1. Armin93
    Member
    Posted 1 month ago #

    Hey guys,
    I am new to wordpress but worked with shopify before. I am completely lost with the mesocolumn theme, though, and would appreciate some help.

    1)How do I add my logo http://paleo-fit.de/wp-content/uploads/2014/05/logo2.png to the left of my header title on paleo-fit.de

    I went up and down through tutorials but for some reason I can't do it. I managed to move the header title to the left as you can see but that's how far I got.

    2) I am not quite sure yet how to change the menue names. For example, at the top where it says 'Home' 'Beispiel-Seite' and 'Sign Up'. how can I change the names and maybe add more? Also how do I the same thing with the tab under the header title and add tabs next to 'Allgemein'. I am so stuck guys, thanks in advance

  2. bigswp
    Member
    Posted 1 month ago #

    Hello,
    On that theme you can find your options for uploading your logo at

    (in admin on the left) Appearance > Theme Options

    It asks for the URL of your logo so you can upload your logo at

    media > Add New

    Then simply copy the url for the logo and paste it on the line that asks for it.

    Lets get this done first then we can discuss your menus

  3. Armin93
    Member
    Posted 1 month ago #

    Sorry for not making that clear - I want the logo AND the header title. I just want the logo to stand next to the header that says 'Der Urmensch', like at the same time. That's why I created that space and shifted the header to the right :)

  4. bigswp
    Member
    Posted 1 month ago #

    Hmm you usually can do this without editing the code. I downloaded this theme when I saw your post so I will have look at it for you a little later. I am sure we can figure it out quite easily ;-)

  5. bigswp
    Member
    Posted 1 month ago #

    is this what you are trying to do?

    http://bigprofile.missterbig.com/

  6. Armin93
    Member
    Posted 1 month ago #

    YESS!!!!! HOW Did you do that? That's awesome

  7. bigswp
    Member
    Posted 1 month ago #

    Well I am just fooling around with the css because I see the top shadow is bleeding onto it a bit but I think I will leave the fine tuning up to you.

    Now I may not do it this way normally but I did it in a way that I think you can easily emulate. You can do this right from your theme admin so you don't have to fool around with the backend code. Also this won't get overwritten when your theme updates.

    1) Appearance > Theme Options > Custom CSS
    2) Copy this code and paste it in there:

    #siteinfo {
    margin: 18px;
    background-image:url('http://bigprofile.missterbig.com/wp-content/uploads/sites/35/2014/05/logo2-reduced.png');
    background-repeat:no-repeat;
    height: 145px;
    float: left;
    padding: 3.6em 0 ;
    padding-top: 5px;
    overflow: hidden;
    }

    3) I reduced this image for you to the proper size so go here and save this image to your computer.

    4) Upload the image to your wordpress media > add new

    5) Now simply change the url in step 2 to your file.

    Any problems let me know.

    Hope that helps

  8. bigswp
    Member
    Posted 1 month ago #

    As I said I never gave the CSS much thought other than to simply make it work so you may want to spend some time and fine tune it a bit.

  9. Armin93
    Member
    Posted 1 month ago #

    Thanks man, It worked. I really really appreciate it as I tried finding this out for days. I just hope I won't have issues in the future when I type in something into custom css. Anyway....

    What about the next step, taking category names and changing them/adding them? I am just wondering if it something you can change in theme options (that i am not able to find) or if it is something I need to change in css.

  10. bigswp
    Member
    Posted 1 month ago #

    Ok sec first drop this in there and let me know when you have done it...

    #main-navigation .sf-menu li {
    margin-right: 5px;
    padding-top: 10px;
    }

    boy that theme has no kind of padding from the left does it for the text I mean

  11. Armin93
    Member
    Posted 1 month ago #

    I see what you did. I was gonna do that too. I found out how to change the padding using fire bug. But yeah, I did.

  12. bigswp
    Member
    Posted 1 month ago #

    Yeah maybe add a bit more to that. Not to worry none of this will get overwritten and you can always edit it. If you get into any major edits I would create a child theme.

    I will look at your other issue in a minute I am just dealing with some other issues at the moment

  13. Armin93
    Member
    Posted 1 month ago #

    sure take your time. Im trying to figure this stuff out just need a foot in the door

  14. bigswp
    Member
    Posted 1 month ago #

    Check the menu http://bigprofile.missterbig.com/ is that what you want to do?

    You want to edit the top menu?

  15. Armin93
    Member
    Posted 1 month ago #

    Yep exactly.
    For example, when you look at http://www.dezzain.com/wordpress-themes/mesocolumn/ and scroll down to the pic, this is the kind of page I wanted (eventually of course). But I didn't know that it was such micromanagement. I was thinking you could add pages/categories and then go into the style sheets and change details if you wanted to.

  16. bigswp
    Member
    Posted 1 month ago #

    That is very simple and it is a built in WordPress feature. I just created a custom menu. That way I can link to whatever I want and I have complete control.

    Look at this Screenshot

    1) Go to: Appearance > Menus
    2) Then use: Links and put the URL to the page you want and Name it whatever you want
    3) Click 'Add To Menu'
    4) Check off 'Top Menu' under 'Menu Settings'
    5) Click: 'Save Menu'

    and you are good to go my friend ;-)

    I hope that helps

  17. bigswp
    Member
    Posted 1 month ago #

    Keep in mind though that this theme likely also has it's own built in menu options that you may be able to use as well. I always just make my own though because I find it easier.

  18. Armin93
    Member
    Posted 1 month ago #

    Thanks! I'll do it and let you know then

  19. Kurashiki
    Member
    Posted 1 month ago #

    Uhm, hi, I hope you don't mind me asking something quite similar. I have a problem with the same theme. I want to divide the header in three sections, kind of like this | Website Logo | Embedded code | Another Embedded Code |
    But it only lets me put the logo, either to the left or in the center. I can't do anything else with the header. Is there a way?
    Thanks in advance for reading, and I hope you can answer n.n

  20. Richie KS
    Member
    Theme Author

    Posted 1 month ago #

    the logo option allow you to upload your (logo with text) image or just use default text only. you will need to edit the header.php for this kind of customization on how you want your logo work.

  21. Kurashiki
    Member
    Posted 1 month ago #

    Yes, I am aware of that. I was hoping someone would help me through that, though.

  22. Armin93
    Member
    Posted 1 month ago #

    Bigswordpress ,I just finished doing the menu as you told me to! What now?

    And Kurashiki, I'd help you if I knew how to do it :(

  23. bigswp
    Member
    Posted 1 month ago #

    Sorry guys I am away on weekends I will have a look at both of your questions Monday when I have a minute ;-)
    Kurashiki I am sure we can figure out something for you as well. Could you be a little more specific on what you want to do. Do you have a URL I can look at?

  24. bigswp
    Member
    Posted 1 month ago #

    sorry Armin93 I thought we solved your questions but I see what you are asking....

    Very simple because you have already edited the "Top Menu" so now you just need to go back in there and edit the "Primary Menu" which is the menu where your "Allgemein" is.

    Just follow the instructions I gave you for the menu above but check off "Primary Menu" and again you can just create your own menu.

    Any problems let me know

  25. Armin93
    Member
    Posted 1 month ago #

    Hey bigswordpress, I am trying to add everything to my side and it's lookin better now http://www.paleo-fit.de

    1)I have new questions though. When I go into the 'primary menu', how can I add content to the categories? I tried to publish several posts and when I try to check off which category it should go to on the lower right side, the post just does not appear in the category that I want it to appear.

    2) If you look at 'Paleo Rezepte' in the primary menue, I have created a a drop down menu. How do you you edit that drop down menue to look better and scaled?

    I tried to find out the answers to both questions but again did not find it.

  26. Armin93
    Member
    Posted 1 month ago #

    For example, the post that you see now on the homepage of http://www.paleo-fit. de that says "Private: 10 snacks....." was supposed to go into paleo rezepte > Paleo Snacks, but it ended up being on the landing page I think

  27. bigswp
    Member
    Posted 1 month ago #

    Remember you are now controlling these menus manually. You can also create and control sub-menus. Your theme likely has menu control features that you may be able to edit from within your admin panel for the theme or you can just continue to control them manually as we have been doing.

    I made you a video that shows how to edit your menu and to make sub menus.

    Go Here:
    http://bigprofile.missterbig.com/2014/06/04/menu/

    I hope this explains it. Any probs let me know

    *NOTE - You may want to download the video or take any screenshots you need because I will be deleting that missterbig.com sample page when we are done.

  28. Armin93
    Member
    Posted 1 month ago #

    I appreciate it man! Yeah I created a drop down menu if you look on paleo-fit.de. However, I wasn't able to shift the drop down menu. As you can see right now its too high (remember how we custom styled css and shifted the entire navigation bar down?).

  29. bigswp
    Member
    Posted 1 month ago #

    Try this and adjust the paddeng-top. Only thing is if your theme is responsive it doesn't always get along with px you may want to try ems if it is having problems.

    #main-navigation .sf-menu li {
    margin-right: 5px;
    padding-top: 40px;
    }

  30. Kurashiki
    Member
    Posted 1 month ago #

    Hello again. I'm sorry I took a bit to get back to you. The thing was under maintenance and so outsiders couldn't really load anything, but now it's up again. I apologize about the Spanish, but I didn't have a choice in its language. The code should be the same regardless. This is the URL http://www.realidadesdeescobar.com.ar/
    Now, what I was asked to do is to divide the header into three sections. The logo that is now in the middle of the header is supposed to be located on the left. The middle and right need embedded code, for swf files pretty much. So I need to be able to code for the middle and the right side of the header separately from the logo that would go on the left.
    I hope you can help me out, and if you can, thanks a lot! Thanks in advance for reading.

Reply »

You must log in to post.

About this Theme

About this Topic