WordPress.org

1. ShawnsITSolutions
   Member
   Posted 3 years ago #

   Hello Everyone,
   New to the board here but I have a quick question.

   You can see at my site below:

   http://www.shawnsitsolutions.com/TestWP

   I am working on a theme for a client of mine. They want the "comments" to have the little background that is right above it in the post.

   Here is the problem I face. I can't seem to get the "COmment" background that I drew (which is there) to line up under the "Comments" text. I can move the actual text left and right (but not up). And I cant get the actual image to move down any. It stays in place.. I have tried so many different variations.

   I need to get them both(image and text) on the right hand side...

   I am including my CSS tags for help. I hope someone can help me please:

   .commentslink {
   background: url(images/comment_bg.jpg) no-repeat ;}
   margin-top: 0px;
   margin-right: 2px;
   margin-bottom: 13px;
   margin-left: 75px;
   }

   .readmore {float:right;padding:0px 0 0 30px;}
   .commentslink a {color: #000;text-decoration:none;margin: 0px 0px 0px 25px; }
   .commentslink a:hover{color: #000;text-decoration: none;}

2. whooami
   Member
   Posted 3 years ago #

   how about doing some reading on CSS? Youre being paid, right? I mean, cmon. Earn your money, or dont commit to doing things you cant do.

   Do I really need to tell you how incredibly frustrating it is to "help" someone that is being paid to do a job that they seemingly aren't qualified for, based on the type of help they need?

3. ShawnsITSolutions
   Member
   Posted 3 years ago #

   Thanks for the help Whooami,
   I have never encountered this problem before, thogut it would be like every other image that I Have moved before with CSS, but this one is just not working like every other image I have worked with before.

4. whooami
   Member
   Posted 3 years ago #

   and not to pick, but your front page isn't valid, and youre using deprecated code. Joomla or not, if you actually want anyone to take you seriously that uses wordpress, you're going to want have a standards compliant web site.

   http://validator.w3.org/check?uri=http://www.shawnsitsolutions.com/joomla/

5. ShawnsITSolutions
   Member
   Posted 3 years ago #

   Once again Whooami,
   Thanks for trying to pick apart everything but what i asked for.

6. whooami
   Member
   Posted 3 years ago #

   the latter wasnt a pick, it was a suggestion. You want my money right? Maybe not today, but maybe someday.. Maybe my sisters..

   take it or leave it, its just advice.

7. ShawnsITSolutions
   Member
   Posted 3 years ago #

   Well, thank you for the help, will take the suggestions and fix those here soon...But right now, what i am trying to figure out is this specific problem I have with this image background...Can you offer me any help with that....I have done everything else with this site and it is giving me problem never ran into this problem before.

8. drewactual
   Member
   Posted 3 years ago #

   change from :

   .commentslink {
   background: url(images/comment_bg.jpg) no-repeat ; }
   margin-top: 0px;
   margin-right: 2px;
   margin-bottom: 13px;
   margin-left: 75px;
   }

   to:

   .commentslink {
   background: url(images/comment_bg.jpg) no-repeat;
   margin-top: 0px;
   margin-right: 2px;
   margin-bottom: 13px;
   margin-left: 75px;
   }

   you prematurely ended your declaration... it was a simple goof akin to a typo..
   happy coding...

9. ShawnsITSolutions
   Member
   Posted 3 years ago #

   Oh thank you....Was a simple thing that i didn't notice that last bracket was screwing it all up.

10. drewactual
    Member
    Posted 3 years ago #

    whoo-hoo!!! <--pun intended

    mark her as resolved and code on friend..

11. ShawnsITSolutions
    Member
    Posted 3 years ago #

    Ya now just getting the text inside the box...it keeps moving the entire tex twith it lol

12. drewactual
    Member
    Posted 3 years ago #

    welp- give me some content in your comments to work with... but fwiw:

    I would add this to the above css:

    .commentslink {
    background: url(images/comment_bg.jpg) no-repeat;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 13px;
    margin-left: 75px;
    min-height: 20px;
    }

    that will make sure it is visible without having to use the -br- to do so.. breaks are nasty most the time imHo.. anyway- getting the comments inside the field is a matter of tweaking the html in your theme.. give me some comments and we will see what it looks like and kn0w what to do next..

13. drewactual
    Member
    Posted 3 years ago #

    change .comments to:

    .comments {
    background: url(images/comment_bg.jpg) no-repeat;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float:right;
    width:50%;}

    will get you started

14. drewactual
    Member
    Posted 3 years ago #

    alright, since I've nothing better to do:

    add this:

    #comments {
    background: url(images/comment_bg.jpg) no-repeat;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float:right;
    width:60%;
    }

    change this:
    .respond form {
    margin:0;
    padding:0;
    width:60%;
    float:right;}

    play with it... you will want to change your theme too, you will want to get rid of the commentslink div you opened up as a customization and change it to simply comments, but as an ID not a class. It will look the same but you won't have to go through all your theme and change it like you will on the course you have already set for yourself... just a suggestion.

15. ShawnsITSolutions
    Member
    Posted 3 years ago #

    Thanks for all your help

16. drewactual
    Member
    Posted 3 years ago #

    you get where I'm coming from, right?

17. ShawnsITSolutions
    Member
    Posted 3 years ago #

    Yes I am understanding

Topic Closed

This topic has been closed to new replies.