thin line below header image on Ally

Homepage › Community Forums › Ally Theme Support › thin line below header image on Ally

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 13, 2013 at 5:46 am #2449
    Terri
    Customer

      I’ve created the header image the exact size it calls for: 960 x 80, yet there’s gap below the header image (I would like for logo/header to be much closer to the slider), and right below that is 1 px solid line.  I’ve tried removing the 1px bottom border in the header, but that didn’t work. How can I get rid of that line and make the header closer to the slider?

      By the way, thanks for the tip regarding WooCommerce. 🙂

      Terri

      January 13, 2013 at 11:51 am #2451
      Eric
      Customer

        Can you post a link so I can take a look?

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        January 13, 2013 at 1:00 pm #2453
        Terri
        Customer

          Sorry I forgot to post a link, Eric.  http://webdesignsbyterri.com/mockup/   Also: How can I get the video in the slider to NOT autoplay? The darn thing is driving me crazy as I’m working on this site.  It doesn’t auto play in a post, just in the slider.

          Terri

           

          January 13, 2013 at 3:05 pm #2454
          Eric
          Customer

            To remove the bottom margin, look around line 193 for “#header“.

            To remove the border, look around line 2450 for – “.ally-dark #header” (since that’s the color you’re using) and change the border to none.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            January 13, 2013 at 3:16 pm #2455
            Terri
            Customer

              Ugh… I should have guessed that when it didn’t work in the main #header, go to the ally-dark.

              I also found the auto play feature in the slider and now have that annoying not auto playing as I’m working on the site.  I’ve had the F-bomb dropped on me at least a hundred times with that video constantly playing. 🙂

              Thank you, Eric!

              January 13, 2013 at 5:16 pm #2457
              Eric
              Customer

                Haha I usually have multiple browsers and tabs running at the same time, since I always test code…..I kept hearing this loud music show up every once in a while and I could not figure out where it was coming from!  Just as I got done reading your post I realize it was the video autoplaying from your site!  That was hilarious……Now I know what you mean!

                To fix it, just go into your Slide editor and look for Global Settings Tab and you should see the option to turn it off.

                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                January 13, 2013 at 7:15 pm #2460
                Terri
                Customer

                  Now that just made my day!!  I’ll bet you were having one WTF moment trying to figure out where that was coming from, on top of having to hear him stuck in loop. Imagine how many times I’ve heard that video!  Thanks for the much needed laugh!

                  Yes; I had figured out how to turn off the auto play, Thankfully!  However, I’m still having a problem getting the logo closer to the slider.  No matter how I change the height in #header it won’t budge.

                  January 13, 2013 at 11:16 pm #2462
                  Eric
                  Customer

                    You probably need to edit  – “.header-image #title-area, .header-image #title, .header-image #title a” which is around line 250…..the reason I’m pointing to this is because the height is 100px.  Maybe reducing or removing it will help.

                    Also the #head-wrap (line 189) has a bottom margin of 20px.  If you change both of those it will bring the slider right up with the header.

                    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                    January 15, 2013 at 4:15 pm #2475
                    Terri
                    Customer

                      None of that worked, and I even tried adjusting the height in functions.php

                      OK.  Plan B.  How do I get the gradient slider background replaced with the actual background image so that the large solid gray (gradient) does not show up?  I’ve tried replacing replacing this:

                      .ally-dark #slider-wrap {
                      background-color: #000;
                      background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#333));
                      background-image: -webkit-linear-gradient(top,#000,#333);
                      background-image: -moz-linear-gradient(top,#000,#333);
                      background-image: -ms-linear-gradient(top,#000,#333);
                      background-image: -o-linear-gradient(top,#000,#333);
                      background-image: linear-gradient(top,#000,#333);
                      }

                      With this…

                      .ally-dark #slider-wrap {
                      background-image: url(images/bkg1.jpg);
                      }

                      FAIL!

                      I have about 10 days to get this site done and still have about 100 pages & products to add!

                      January 15, 2013 at 4:39 pm #2476
                      Terri
                      Customer

                        Just figured out how to get rid of the gradient slider wrap.  I had to delete the background image from the upload background admin area, and then manually upload the bkg and link to it.  Now I need to narrow the gap between the slider wrap and the welcome message.  Geez…why can’t anyone just use these awesome themes AS IS?!?

                      • Author
                        Posts
                      Viewing 10 posts - 1 through 10 (of 10 total)
                      • You must be logged in to reply to this topic.