Announcement

Collapse
No announcement yet.

footer-links are invisible

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    footer-links are invisible

    My footer-linksw are invisible except for the divider (li) between them.

    Any help??

    Here is the code:

    <div id="footer-links">
    <ul> <li class="first-child"><mvt:item name="cssui_links" param="screen:SFNT">Home</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:ABUS">About Us</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:CTUS">Contact Us</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:SARP">Shipping &amp; Returns</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:PRPO">Privacy Policy</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:FAQS">FAQs</mvt:item></li>
    <li><mvt:item name="cssui_links" param="screen:PLST">All Products</mvt:item></li>
    <li id="footer-sitemap-link"><mvt:item name="cssui_links" param="screen:SMAP">Sitemap</mvt:item></li>
    </ul>
    </div>

    #2
    Re: footer-links are invisible

    Look in your CSS file for the id of footer-links. It is probably the color that is set there.


    Jamie
    Jamie Donaldson
    JSDVS Web Design / Development
    Web Design | Web Development | E-commerce Design & Integration

    Comment


      #3
      Re: footer-links are invisible

      Thanks for the reply.
      Dumb question. Where is the css file?

      Comment


        #4
        Re: footer-links are invisible

        If it is the normal setup, ftp to your site, and then open the mm5 folder, open the css folder, open the 00000001 folder. You will find the cssui.css file in that 00000001 folder.

        Jamie
        Jamie Donaldson
        JSDVS Web Design / Development
        Web Design | Web Development | E-commerce Design & Integration

        Comment


          #5
          Re: footer-links are invisible

          here is the section in the cssui.css file.
          Where does color belong . it seems there is none specified. Also, what should the code be?
          Thanks
          -----------------------------
          #footer-links ul{
          font:normal .9em Arial, Helvetica, Verdana, sans-serif;
          margin:8px 0;
          padding:0;
          }


          #footer-links ul li{
          list-style-type:none;
          border-left:1px solid #999999;
          padding:0 2px 0 6px;
          margin:0;
          text-align:center;
          display:inline;
          }

          #footer-links ul li.first-child{ border:0; }

          Comment


            #6
            Re: footer-links are invisible

            What's the URL to the site?

            Leslie
            Leslie Kirk
            Miva Certified Developer
            Miva Merchant Specialist since 1997
            Previously of Webs Your Way
            (aka Leslie Nord leslienord)

            Email me: [email protected]
            www.lesliekirk.com

            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

            Comment


              #7
              Re: footer-links are invisible

              Try putting in:

              #footer-links li a:link {color:#000;} /* unvisited link */
              #footer-links li a:hover {color:#000;} /* mouse over link */

              If your links are a different color than black, which they probably are since I don't know what colors you are using on your site but it sounds like you have a different background color for your footer which means you'll have to specify the footer link color, replace the #000 with the color of your choice for those footer links.

              Hope this helps,

              Jamie
              Jamie Donaldson
              JSDVS Web Design / Development
              Web Design | Web Development | E-commerce Design & Integration

              Comment


                #8
                Re: footer-links are invisible

                www.healingherbs.net

                Comment


                  #9
                  Re: footer-links are invisible

                  Yep, you have to specify the color for your footer links, as I indicated above, since your footer links are drawing the white color from your cat tree and/or navbar.

                  Jamie
                  Jamie Donaldson
                  JSDVS Web Design / Development
                  Web Design | Web Development | E-commerce Design & Integration

                  Comment


                    #10
                    Re: footer-links are invisible

                    Line 176 in your cssui.css file - you'll need to change color: #FFFFFF; to color: ##999999; (to match the divider)

                    Leslie
                    Leslie Kirk
                    Miva Certified Developer
                    Miva Merchant Specialist since 1997
                    Previously of Webs Your Way
                    (aka Leslie Nord leslienord)

                    Email me: [email protected]
                    www.lesliekirk.com

                    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                    Comment


                      #11
                      Re: footer-links are invisible

                      Leslie, line 176? what section of the cssui file are you referring to?

                      Comment


                        #12
                        Re: footer-links are invisible

                        If you have the ability to see the line numbers when you look at your cssui.css file that's around the line that you would be looking for. BUT that CSS is also used for the nav bar

                        #navigation-bar li a:link, #navigation-bar li a:visited, #navigation-bar li a:hover, #navigation-bar li a:active {
                        color: #FFFFFF;
                        text-decoration: none;


                        }

                        so it would seem that you are going to need to create a new style for your footer.

                        Leslie
                        Leslie Kirk
                        Miva Certified Developer
                        Miva Merchant Specialist since 1997
                        Previously of Webs Your Way
                        (aka Leslie Nord leslienord)

                        Email me: [email protected]
                        www.lesliekirk.com

                        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                        Comment


                          #13
                          Re: footer-links are invisible

                          Herbchina: Go back and do it as I said in the first place, and that will work for you, since the footer links are indeed the same color as the navbar and cat tree, as I also said before.

                          Jamie
                          Last edited by jsdva; 01-21-13, 12:27 PM.
                          Jamie Donaldson
                          JSDVS Web Design / Development
                          Web Design | Web Development | E-commerce Design & Integration

                          Comment


                            #14
                            Re: footer-links are invisible

                            Yup - what Jamie said
                            Leslie Kirk
                            Miva Certified Developer
                            Miva Merchant Specialist since 1997
                            Previously of Webs Your Way
                            (aka Leslie Nord leslienord)

                            Email me: [email protected]
                            www.lesliekirk.com

                            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                            Comment


                              #15
                              Re: footer-links are invisible

                              This is what my footer link area looks like now, but still no change. Is this correct???
                              To make sure I was in the right area I increased the pixels in my divider(border left) from 1 to 4 and they did increase in height on my pages. But, still invisible links.
                              ---------------------------------

                              #global-footer{ margin:16px 0; }
                              #footer-links{ text-align:right; }

                              #footer-links ul{
                              font:normal .9em Arial, Helvetica, Verdana, sans-serif;
                              margin:8px 0;
                              padding:0;
                              }
                              #footer-links li a:link {color:#999999; } /* unvisited link */

                              #footer-links li a:hover {color:#cc6600; } /* mouse over link */

                              #footer-links ul li{
                              list-style-type:none;
                              border-left:4px solid #999999;
                              padding:0 2px 0 6px;
                              margin:0;
                              text-align:center;
                              display:inline;
                              }

                              #footer-links ul li.first-child{ border:0; }

                              #miva-link{
                              color: #999999;
                              font-size:.8em;
                              text-align:right;
                              margin:16px 0;
                              Last edited by herbchina; 01-21-13, 01:28 PM.

                              Comment

                              Working...
                              X