17 {{ upvoteCount | shortNum }}
17 {{ upvoteCount | shortNum }}

Need help from a CSS/PHP coder

by grey38
15 replies
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.
#coder #css or php
  • Profile picture of the author Diversion52
    Is the site online? If you post a link I can take a look.
    {{ DiscussionBoard.errors[7931285].message }}
  • Profile picture of the author grey38
    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.
    {{ DiscussionBoard.errors[7931303].message }}
  • Profile picture of the author ttkim
    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;}
    {{ DiscussionBoard.errors[7931343].message }}
  • Profile picture of the author Diversion52
    ttkim beat me to it
    Worked for me.
    {{ DiscussionBoard.errors[7931353].message }}
  • Profile picture of the author grey38
    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.
    {{ DiscussionBoard.errors[7931389].message }}
    • Profile picture of the author ttkim
      Originally Posted by grey38 View Post

      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.
      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.
      {{ DiscussionBoard.errors[7931552].message }}
  • Profile picture of the author grey38
    What file did you find that code in?
    {{ DiscussionBoard.errors[7931594].message }}
  • Profile picture of the author ttkim
    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.
    {{ DiscussionBoard.errors[7931619].message }}
  • Profile picture of the author grey38
    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?
    {{ DiscussionBoard.errors[7932021].message }}
  • Profile picture of the author Michael71
    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).
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7932069].message }}
  • Profile picture of the author grey38
    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.
    {{ DiscussionBoard.errors[7932284].message }}
  • Profile picture of the author Andrew H
    Add this to your CSS file

    Code:
    #new-royalslider-1 {
    margin-top:-90px;
}
    Signature
    "You shouldn't come here and set yourself up as the resident wizard of oz."
    {{ DiscussionBoard.errors[7932317].message }}
  • Profile picture of the author grey38
    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.
    {{ DiscussionBoard.errors[7932333].message }}
  • Profile picture of the author grey38
    Anyone know why only my sidebar went up and not my whole slider? It worked in safari, but none of the other browsers.
    {{ DiscussionBoard.errors[7934474].message }}
    • Profile picture of the author ttkim
      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.
      {{ DiscussionBoard.errors[7934630].message }}

Trending Topics