• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

thin line below header image on Ally

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

  • This topic has 9 replies, 2 voices, and was last updated 9 years, 5 months ago by Terri.
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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework