Wednesday 10 October 2012

Changing the font sizes and layout of Wordpress Plugin Ebay Feeds

After installing the Wordpress Plugin Ebay Feeds I wanted to make a few changes to the look of the widget.


Some things I could change through the CSS; some I found it harder to get to the CSS of the value.   So made some changes in the display.  Of which was a bit of a hack; as follows.

OPEN wp-content/plugins/ebay-feeds-for-wordpress/ebay-feeds-for-wordpress.php

 FIND

$newdescription = str_replace('target="_blank"', '', $item->get_description());

ADD UNDERNEATH

    $newdescription = str_replace('
Buy it now', '
Buy it now', $newdescription);
    $newdescription = str_replace('BST', '', $newdescription);
    $newdescription = str_replace('', '
', $newdescription);
    $newdescription = str_replace('Buy it now', '
Buy Now
', $newdescription);
   



Here's the CSS changes I used as well.


li.widget_ebay_feeds_for_wordpress_widget h2{
display: none;
}

.widget_ebay_feeds_for_wordpress_widget{
padding-left: 20px;
}

.ebayfeed {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F7E89C;
    border-color: #F5DF8C #F5DF8C -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    position: relative;
    width: 240px;
    text-replace: "£" "£";
}

h4.ebayfeedtitle a {
 color: #002398;;
    text-decoration: none;
    font-size: 80%;
}

h4.ebayfeedtitle a:hover {

    text-decoration: underline;
    font-size: 80%;
}

h4.ebayfeedtitle a:visited {
 color: #663399;;
    text-decoration: none;
    font-size: 80%;
}

.ebayprice{

}

div.ebayfeed table tr td div span strong{
font-size: 200% !important;
}

div.ebayfeed table tr td div{
font-size: 80%;
}
h4.ebayfeedtitle{
text-align: center;
}

div.widget-acx-social-icons-widget-3-widget {
padding-top: 15px;
padding-bottom: 15px;
}

div.ebayfeed table tr td div div div{
display: none;
}

div.buyprice {
display: none;
}

No comments: