• Hey WPyogi,

    I want to tell you that your suggestion to add

    .entry-content td, .comment-content td {
    border-top: 0;
    padding: 0;
    }
    .entry-content table, .comment-content table {
    border-bottom: 0;
    color: none;
    font-size: 1;
    line-height: 1;
    margin: 0;
    width: 100%;
    }

    into My Custom CSS plug in box,

    DID improve the ebay auction widget:

    http://newsball.com/fsaf/

    It thinned out the bars in between each listing, but overall the widget is still spread out & much too long. It is supposed to be short and compact like the screenshot on that link.

    Any more suggestions? What else should I add to the custom css plugin to improve the widget some more?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter newsball

    (@newsball)

    And wpyogi, what happens one day when I want to insert css code widget into a webpage that conflicts with the custom code that you just gave me? Then I add new custom code for the my custom css plugin box but won’t that revert the ebay widget in question to its original distorted size? since this css code you gave me applies to the entire website and not just a specific page?

    @newsball – I’m glad that’s helped, but posting repeatedly here really isn’t a good way to get help. Everyone here helping out is doing it on their own time, so if you need faster, better help, you should hire someone to help you.

    That said, as I already said, the size/width of the eBay table is coming from the code you got from eBay. So perhaps you need to go back and ask them about it. This is the code I mean:

    <table width="570" height="58" border="0" cellspacing="0" cellpadding="0">

    If you want to see what it looks like if you make is smaller, try adding this to your custom CSS below what you have there now:

    #post-2406 .entry-content table {
       width: 60%;
    }

    As you can see, that doesn’t work right at all. I really don’t think it’s supposed to be smaller – at least not with the code they gave you.

    To answer your second question, you can modify the CSS you have so that it only applies to that one post – change it to this:

    #post-2406 .entry-content td {
        border-top: 0 none;
        padding: 0;
    }
    #post-2406 .entry-content table {
        border-bottom: 0 none;
        line-height: 1;
        margin: 0;
        width: 100%;
    }

    As to future CSS changes, that’s why I’ve been suggesting you start learning CSS…

    Thread Starter newsball

    (@newsball)

    WPypogi,

    Thanks for your response, but your theory that the ebay code is doing that simply cannot be correct.

    http://newsball.com/wp-content/uploads/2013/07/ebayexample.jpg

    Just look at that. A screenshot from the ebay widget creator page… It gives the code & shows what it looks like. I can change the number of listings in the widget, the colors, etc & it shows me in real time how it will look. How it looks at http://newsball.com/fsaf/ looks nothing like that screenshot I just took for you.

    I just can’t believe this can’t be solved easily.

    There is no one at ebay to ask….

    UPDATE: http://newsball.com/fsaf/ I added the

    }#post-2406 .entry-content table {
    width: 60%;

    to the custom css plugin box and it did lessen the width of the table… Now what about those thick bars in between each listing? What code will lessen those?

    Is this supposed to go in a widget? Then why are you putting it in a page?

    Thread Starter newsball

    (@newsball)

    No, there is no mention of putting it in a widget

    http://eks-api.ebay.com/ws/eBayISAPI.dll?EKCreate

    It is supposed to be put in an article…. Like if your writing a review for a book, & you want to give readers the ebay listings to that book, you implement this editor kit. That’s what it is called – an editor kit.

    I am approved as an ebay partner & I am trying to implement trayvon martin ebay listings at the bottom of my article about trayvon martin. So when people click and buy something, I get a %. But right now , as you can see, its length is horribly long….

    You have solved the mystery and we are on the right track. What would the css code be to add in the my custom css plugin box for the fat yellow bars in between each listing?

    When you created that, isn’t there a width setting?

    Thread Starter newsball

    (@newsball)

    No, just an amount of auctions to list option. That creates the length. And again, http://newsball.com/wp-content/uploads/2013/07/ebayexample.jpg shows exactly how the auction table should look – given the exact settings I chose!

    Your css instructions to add into the my custom css plugin box is working… what about the bars in between each listing though?

    Thread Starter newsball

    (@newsball)

    The trayvon martin search box and search button, and the TRAYVON MARTIN STUFF TO BUY line before the listings are missing though http://newsball.com/fsaf/ see the example screenshot vs what the code is actually creating??? why would it leave out all that?

    ,… what the heck is wrong with wordpress to do this to the css code?

    Thread Starter newsball

    (@newsball)

    Actually look, ebay does label it as a widget, but also says

    Add relevant, real-time eBay listings to your website or blog in just seconds with the Editor Kit. Filter your results by category, keywords, other eBay search criteria, and more! Customize the look to suit your needs.

    http://newsball.com/wp-content/uploads/2013/07/widget.jpg

    screenshot of what they say.

    There is no way that would fit in a widget sidebar… is there a widget i can implement within a page? if so, please, send me the link and i will install the plugin immediately! I understood it that widgets could only be put in the sidebar as every single widget i have ever activated have only seemed to be allowed to be dragged into the “main sidebar” of my wordpress

    Why don’t you put this code in a plain HTML page to see how it looks outside of WP. I just did that and it looks the same as it does in WP… Here’s a screenshot:

    http://img443.imageshack.us/img443/3564/v1xx.jpg

    I also have to go to sleep soon…I’ll try to check on this further tomorrow when I have time.

    Thread Starter newsball

    (@newsball)

    Yep your upload looks ugly too. Even your upload is missing the search box and search button and the “Trayvon Martin stuff on ebay” line right under that…. where did you upload the html page you made? you mean a notepade with the css code and u saved it as a .html? then uploaded it where to make it a jpeg?

    So does this prove the entire editor kit that ebay is offering is flawed and broken???

    Is there such thing as widget plugins that will allow a widget to be put in within a post or page??? or only sidebars?

    It was a local file in a local browser window using the code you posted in your other thread. If that’s not the code you are still using, it may not be relevant. But it wasn’t getting CSS from anyplace else besides eBay.

    Thread Starter newsball

    (@newsball)

    before you leave can you tell me if widget plugins exist to allow a widget to be put in a page or post??? or can widgets only go in the sidebar??? which plugin will do this?

    Thread Starter newsball

    (@newsball)

    how come when i put the ebay css code in a text document and save it .html then upload it to my ftp server it doesn’t show anything but code?

    https://hs15.name.com:2083/cpsess5334437196/frontend/x3-name.com/filemanager/showfile.html?file=mytest2.html&fileop=&dir=%2Fhome%2Fcolebart%2Fpublic_html%2Fnewsball.com%2Fwp-content%2Fuploads%2F2013%2F07&dirop=&charset=&file_charset=&baseurl=&basedir=

    why doesn’t it show the ebay table?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘About ebay CSS code distorting on page…..’ is closed to new replies.