Need help from a CSS/PHP coder

by 15 replies
17
To start off, I'm willing to pay for this help, because it is something I cannot do on my own. I'm having issues with my site, and it should be relatively simple to someone who has some experience in the issue. Please PM me for details.

Some quick info:

WordPress site

Having issue with my slider being 60 pixels down. That's basically it.
#programming #coder #css or php
  • Is the site online? If you post a link I can take a look.
  • smallenginerepairllc.com

    This slider replaced the other slider that was native to the theme. It's got a space in all the browsers, but in firefox and IE, the images part of the slider is lowered for some reason.
  • I'm guessing you're taling about that small drop? The reason for that drop is because of this your list.

    Look at this section:

    Code:
    <div class="testimonials">
<ul>
    That <ul> has a 20px margin on the bottom. To get rid of it, change the margin to 0. Add this to your CSS file.

    Code:
    div.testimonials ul {margin-bottom: 0;}
  • ttkim beat me to it
    Worked for me.
  • Wow great guys thanks. Can't believe that was solved so quickly. Also any idea why that white space is above the slider? That is not supposed to be apart of the theme.
    • [1] reply
    • Well, I'll try to explain this part as basic as I can. You have this div:

      Code:
      <div class="page_title_wrapper">
      That div is technically in that "white" empty area. But you gave it these properties:

      Code:
      .page_title_wrapper {
width: auto;
height: 150px;
position: relative;
top: -83px;
z-index: 0;
background: url(http://smallenginerepairllc.com/wp-content/uploads/2013/04/dark_dotted1.png) repeat;
}
      Although that div is technically in that white area, look at the position and top properties. You gave it a relative positioning with a top of -83px. That means that you are displaying that div 83 pixels above where it's supposed to be. You take away that -83 pixels, and it goes back to where it's supposed to be.
  • What file did you find that code in?
  • It's in your style.php file.

    Edit: This might be your theme's generated CSS file.

    If you can't edit it, add this in your custom CSS file:

    Code:
    div.page_title_wrapper {top: 0;}
    That should override it.
  • Ok, i see how that works now. Thanks so much for the continued support guys. The only thing is that action brings that red text and box down. making it not fit right. I was hoping to bring the slider upwards. Any ideas?
  • Learn CSS...

    You had ONE problem, after it got fixed you came with another problem, now you have problem number THREE...

    I hope you will pay ttkim for his help (as you said in your OP).
  • Well the second problem is the same as the third problem you speak of. But you're right either way. ttkim if you have a price, i'll send money over. You're also right in that I need to learn more CSS. I'm not foreign to it, it's just finding what needs to be fixed that gives me trouble.

    Please PM me a price ttkim.

    p.s. any direction towards where this problem can be found would be grateful. Or at least how you guys are finding these issues, because I use firebug, but maybe I'm not using it correctly.
  • Add this to your CSS file

    Code:
    #new-royalslider-1 {
    margin-top:-90px;
}
  • Wow, thanks so much Andrew H. that only worked on the sidebar of the slider however.

    I kept trying to do the div.new-royalslider-1 {top -83px}, which worked for bringing the top bar down, so I hoped it would work with the royal slider one too. I get so confused with when to use which coding.

    Any tips for an amateur like myself? Like where to go to learn the correct protocol? A good book perhaps? Website?

    Because I really do need to get into at least a basic form of programming.
  • Anyone know why only my sidebar went up and not my whole slider? It worked in safari, but none of the other browsers.
    • [1] reply
    • I either don't see the problem or don't get what you're asking. By sidebar, do you mean the "About Us With Logo", "About Us", etc. section? I don't see anything wrong with it.
Join the discussion

Next Topics on Trending Feed

  • 17

    Need help from a CSS/PHP coder

    To start off, I'm willing to pay for this help, because it is something I cannot do on my own. I'm having issues with my site, and it should be relatively simple to someone who has some experience in the issue. Please PM me for details. Some quick info: