Navigation path on top of page. Distance between paragraphs. Default menu bar.

  • Unknown's avatar
    taomoves · Member ·

    Hello,

    thanks to your help I have already removed the page titles above the pages on my tao-moves.com website. There still is the navigation path left on top of the page in smaller font that I would now also like to completely remove.

    I would also like to reduce the standard distance between paragraphs on my pages.

    I have created several text widgets on my main sidebar. I would also like to reduce the distance between the widget titles and the following text.

    Thanks for helping me to change the color of the main menu bar at the top of the page. Now I would like to increase the height of the bar as well. I find the default a bit too narrow.

    Sorry for piling up all these questions, but I am just too clueless regarding CSS.

    Thanks for all your help in advance!!! It is wonderful to have this support!!!
    Ansgar

    The blog I need help with is: (visible only to logged in users)

  • staff-jeanpierreac · Staff ·

    Hi there, Ansgar!

    I would also like to reduce the standard distance between paragraphs on my pages.

    You have a vertical margin definition for your paragraphs fixing to 1.6em this property. It applies also to several other elements as tables, horizontal rules… I would suggest you to change anyone to keep homogeneous the blog interface.

    You can try this css code to reduce to a half the original margin. If you would like to change this parameter only on paragraphs, just start the selector by “p {“, that is, delete “, hr…. blockquote”.

    p, hr, dl, pre, form, table, address, blockquote {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
}

    There still is the navigation path left on top of the page in smaller font that I would now also like to completely remove.

    If I understand you, you mean what is called breadcrumbs in WordPress :) (“Startseite › Geschützt: tao moves”). If so, you could try the following code: 

    .breadcrumb-list {
    display: none;
}

    I would also like to reduce the distance between the widget titles and the following text.

    You could also delete a padding to the bottom in each widget title with this code:

    .widget-title {
    padding-bottom: 0;
}

    Thanks for helping me to change the color of the main menu bar at the top of the page. Now I would like to increase the height of the bar as well. I find the default a bit too narrow.

    You can modify this height with height property in #menu-menu selector.

    #menu-menu-1{
height: 100px;
}

    You would probably like to modify size, positioning… of your menu text. Just tell us what would you like to do in that case :)

    I hope this helps! :)

  • Unknown's avatar
    taomoves · Member ·

    Hello Raulanton,

    thanks for the suggestions! I added all of the above to my CSS, but it strangely did not do it for any of the above issues. Might this be a theme issue? I am using “The Responsive Theme”.

    Best wishes,
    Ansgar

  • staff-jeanpierreac · Staff ·

    Hi Ansgar.

    Where did you add it? Did you follow custom design instructions?

  • Unknown's avatar
    taomoves · Member ·

    Hello Raulanton,

    I got it. Thanks!!! I did not place the code correctly.

    And you are right, now I need to adapt the positioning of the menu text as well. It should me positioned in the middle of the menu bar. Now it is slightly above the middle.

    I will have several menu items. Currently the only item visible so far is “CONTACT”. But I will of course add several more. The main items should be left aligned. Is there a possibility that of all the menu items “CONTACT” alone can be right aligned?

    Thank you a lot for your support again!!! Best wishes,
    Ansgar

  • staff-jeanpierreac · Staff ·

    Hi there.

    I need to adapt the positioning of the menu text as well. It should me positioned in the middle of the menu bar. Now it is slightly above the middle.

    I would also adapt menu items height to be as tall as menu bar. Otherwise you will have an ugly effect on hover, when background goes black. This can be done with this css code.

    .menu a {
  height: 69px;
  line-height: 69px;
}

    The main items should be left aligned. Is there a possibility that of all the menu items “CONTACT” alone can be right aligned?

    If I understand, you would like your menu items to be aligned to the left, as currently they are, except those starting by “Contact” that you would like to align to the right.

    You theme is floating par default list items to the left, but you could add a css code to change this alignment just in several cases, as you can get each menu item identifier and use it as a selector for css statements. For instance your current ‘KONTAKT’ menu item identity is “menu-item-49”, so a css code could be build:

    # menu-item-49 {
  float: right;
}

    I hope this helps! Do not hesitate to ask us again if needed :)

  • Unknown's avatar
    taomoves · Member ·

    Hello Raulanton,

    thank you so much!!! That’s great!!!

    I am not finished writing the texts, yet. As soon as I have done that, I will create suitable menu items and then move “Kontakt” to the right.

    I very much appreciate all this support in the Forum!!! That’s really wonderful!!!

    Best wishes,
    Ansgar

  • staff-jeanpierreac · Staff ·

    Glad to read that, Ansgar! :)

  • staff-totoro · Staff ·

    Props staff-jeanpierreac; that praise was well earned.

    @ansgargerstner it sounds like you have a bit of work to do still in petting set up. Let us know if you need a hand if you get stuck. :)

  • staff-jeanpierreac · Staff ·

    staff-totoro :)

  • The topic ‘Navigation path on top of page. Distance between paragraphs. Default menu bar.’ is closed to new replies.