• Hi,

    I have one last, small thing bothering me, it’s links in footer.

    I have uploaded a picture for understanding this better. My footer

    There are to child pages for section
    “Mājas lapa”
    *Bezmaksas mājas lapa *Individuāla mājas lapa
    They are pretty much placed next to each other, as you can see in picture.

    I would really like them to be placed like this:

    “Mājas lapa”
    *Bezmaksas mājas lapa
    *Individuāla mājas lapa

    But I’m not sure which file to edit, I didn’t find anything in footer.php except

    <ul id="bottomLinks">
    	<?php wp_list_pages('title_li=') ?>

    And I don’t see how that would affect placement.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try editing your theme’s stylesheet.

    Thread Starter viltnieks

    (@viltnieks)

    I couldn’t really find anything in themse stylesheet except:

    #footer {
    
    	border-top:2px solid #333;
    	padding:12px 0 35px 0;
    	width:960px;
    	margin:1px auto;
    	color:#868686;
    	position:relative;
    	font-size:11px;
    }

    But I think that this part in footer.php:
    <?php wp_list_pages('title_li=') ?>

    Is responsible for layout of those footer elements.

    When I view page source from internet browser I get this piece of code:

    <div id="footer">
    		&copy; 2010 BCG. Visas tiesības aizsargātas.
    		<ul id="bottomLinks">
    
    				<li class="page_item page-item-442 current_page_item"><a href="https://majaslapa.bcgroup.lv" title="Sākums">Sākums</a></li>
    <li class="page_item page-item-26"><a href="https://majaslapa.bcgroup.lv/uzturesana" title="Uzturē?ana">Uzturē?ana</a></li>
    <li class="page_item page-item-27"><a href="https://majaslapa.bcgroup.lv/majas-lapas" title="Mājas lapas">Mājas lapas</a>
    <ul>
    
    	<li class="page_item page-item-209"><a href="https://majaslapa.bcgroup.lv/majas-lapas/bezmaksas-majas-lapa" title="Bezmaksas mājas lapa">Bezmaksas mājas lapa</a></li>
    	<li class="page_item page-item-212"><a href="https://majaslapa.bcgroup.lv/majas-lapas/individuala-majas-lapa" title="Individuāla mājas lapa">Individuāla mājas lapa</a></li>
    </ul>
    </li>
    <li class="page_item page-item-28"><a href="https://majaslapa.bcgroup.lv/portfolio" title="Portfolio">Portfolio</a></li>
    <li class="page_item page-item-22"><a href="https://majaslapa.bcgroup.lv/par-mums" title="Par mums">Par mums</a></li>
    <li class="page_item page-item-17"><a href="https://majaslapa.bcgroup.lv/kontakti" title="Kontakti">Kontakti</a></li>

    But when I view footer.php, this:

    <div id="footer">
    		&copy; 2010 BCG. Visas tiesības aizsargātas.
    		<ul id="bottomLinks">
    
    				<?php wp_list_pages('title_li=') ?>
    			</ul>
    	</div>

    But I don’t know how to edit this, so I can change footer layout.

    Thread Starter viltnieks

    (@viltnieks)

    I replaced

    <?php wp_list_pages('title_li=') ?>

    with:

    <li class="page_item page-item-442 current_page_item"><a href="https://majaslapa.bcgroup.lv" title="Sākums">Sākums</a></li>
    <li class="page_item page-item-26"><a href="https://majaslapa.bcgroup.lv/uzturesana/" title="Uzturē?ana">Uzturē?ana</a></li>
    <li class="page_item page-item-27"><a href="https://majaslapa.bcgroup.lv/majas-lapas/" title="Mājas lapas">Mājas lapas</a>
    
    <ul>
    	<li class="page_item page-item-209"><a href="https://majaslapa.bcgroup.lv/majas-lapas/bezmaksas-majas-lapa/" title="Bezmaksas mājas lapa">Bezmaksas mājas lapa</a></li>
    <br />
    	<li class="page_item page-item-212"><a href="https://majaslapa.bcgroup.lv/majas-lapas/individuala-majas-lapa/" title="Individuāla mājas lapa">Individuāla mājas lapa</a></li>
    </ul>
    </li>
    <li class="page_item page-item-28"><a href="https://majaslapa.bcgroup.lv/portfolio/" title="Portfolio">Portfolio</a>
    <ul>
    	<li class="page_item page-item-662"><a href="https://majaslapa.bcgroup.lv/portfolio/individualas-majas-lapas/" title="Individuālās mājas lapas">Individuālās mājas lapas</a></li>
    <br />
    	<li class="page_item page-item-660"><a href="https://majaslapa.bcgroup.lv/portfolio/majas-lapu-konstruktors/" title="Mājas lapu konstruktors">Mājas lapu konstruktors</a></li>
    
    </ul>
    </li>
    <li class="page_item page-item-22"><a href="https://majaslapa.bcgroup.lv/par-mums/" title="Par mums">Par mums</a></li>
    <li class="page_item page-item-17"><a href="https://majaslapa.bcgroup.lv/kontakti/" title="Kontakti">Kontakti</a></li>
    
    			</ul>

    in footer.php

    This works, kind of, layout is almost as I wanted it, but if I add some new pages I must go into footer.php and edit it manually.

    Is there any other way I could have achieved this result ?

    Also, those small bullets aren’t positioned correct. How could I fix that ?

    my page

    Thread Starter viltnieks

    (@viltnieks)

    I would like to know why I can’t get a reply to this post ? Am I doing something horribly wrong ? I know that each community is different, but they usually tell you what they don’t like.

    Anyhow, since I got just one reply to this thread, which wasn’t much of a help (no offense).
    After very long searching and thinking I finally found a solution.It’s far from perfect, but it will have to do for now .

    One problem solved, another one appeared.

    The layout is fine at the moment but bullets are positioned wrong.

    Top level items have it’s bullets located correct but when an top level item has a subitem bullets are displayed wrong. I think I understand why they are displayed like that, but I don’t know how to fix that.

    I would be very grateful for any help regarding this.

    my previous post has got a link to my site, so you can see for yourself.

    Try this:
    Change your file: /wp-content/themes/rockwell/style.css

    Look for #bottomLinks li and cut the background property. It should look like:

    #bottomLinks li{
    display: inline;
    float: left;
    padding-left: 7px;
    padding-right: 8px;
    }

    And then go to #bottomLinks li a and paste the background property. It shoul look like:

    #topLinks li a, #bottomLinks li a{
    background: url(images/bullet_bottom.jpg) no-repeat 0px 50%;
    color: #868686;
    font-size: 11px;
    padding-left: 5px;
    text-decoration: none;
    text-transform: capitalize;
    }

    Anyway you shouldnt change the <?php wp_list_pages(‘title_li=’) ?>
    because it shows links to every page you have in your site. Now every time you create a new page, you will have to update your footer.php file.

    Tell me if it worked!

    Thread Starter viltnieks

    (@viltnieks)

    Thank you!

    Your suggestion fixed it ! ??

    I newer wanted to change <?php wp_list_pages(‘title_li=’) ?>, I found that feature very helpful. Sadly though, no one could help me fix my footer layout problem, and could only do that the old fashioned way myself. ??

    But thanks again for your fixing my bullets ! ??

    Thread Starter viltnieks

    (@viltnieks)

    A person in some other forum suggested adding this at the end of my css,
    with <?php wp_list_pages(‘title_li=’) ?> present :

    .page_item
    {
    	clear: both;
    }

    It kinda solved my problem, only layout is wrong now, but I think that a little fine tuning of code could display it exactly how I want.

    Here’s how footer looks now

    I just noticed, that this fix totally messed up my navigation though.

    Navigation mess

    Thread Starter viltnieks

    (@viltnieks)

    bump :p

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Information in footer not displaying as I want, not shure what to edit.’ is closed to new replies.