Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1131424
    fderooy
    Participant

    Howdy! 🙂

    I’m struggling with a minor issue: the line height on my footer menu items changes when you navigate to some other page in the site. Compare, for example, the look of the footer in my homepage in relation the one in this other page.

    What can that be?

    Thanks so much in advance. 🙂

    Fidel

    #1131442
    Rupok
    Member

    Hi Fidel,

    It seems you are using Text widget and placed the text within span tag with inline style. But the styles are not defined same for all. You have also just using <br> tag tag for new line. It would be better if you use list item within ul so that they can act consistent on all pages.

    Thanks!

    #1132459
    fderooy
    Participant

    Hi there Rupok!

    Thanks for your suggestions. Mmm, it seem logical what you say, although, how do I prevent the ul list left margin? I need the items on my menu aligned to the left with the titles. I don’t like also the line height between the items.

    Could you please help?

    Thanks a lot. 🙂

    Fidel

    #1132966
    Friech
    Moderator

    Hi Fidel,

    Make those text <ul> list

    e.g.

    <ul class="mylist">
    	<li>Equipo Editorial</li>
    	<li>Consejo Académico</li>
    	<li>Misión Visión Instituto</li>
    	<li>de Investigaciones</li>
    	<li>Sociales</li>
    </ul>

    Then add this custom css on customizer to remove the list left margin and bullets.

    ul.mylist {margin-left: 0;}
    ul.mylist li {list-style: none;line-height: 1.8;}

    This page http://www.sociologialatinoamericana2.ucr.ac.cr/2016/08/15/rene-zavaleta-mercado/ has different spacing of paragraph because of the body{line-height:1.2em;} you applied on this page.

    Hope it helps, Cheers!

  • <script> jQuery(function($){ $("#no-reply-1131424 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>