- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I have custom rss feed reader code but need the background removing. Code and image below. Thanks :)
This is my blog rss feed. I would like the white background to be transparent. I would greatly appreciate some help here. Thanks in advance.
<div style="width="180px">
<div style="background: url(files/theme/topbg.png) no-repeat;
font: 16px Verdana, Arial, sans-serif;
padding: 7px 0 0;
min-height: 35px;
text-align: center;
color: #eee;
letter-spacing: .5px;
">
Protech Blog - Latest Posts
</div>
<div style="text-align: center; overflow: hidden;">
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.protechlaboratories.com%2F1%2Ffeed&num=4&utf=y" charset="UTF-8" type="text/javascript"></script></div><div style="background: url(files/theme/botbg.png) no-repeat;min-height: 35px;"></div>
<style type="text/css">
.rss-box {
background: url(files/theme/rsscontentbg.png) repeat-y;
text-align:left;
width: 180px;
float: none;
margin: 0 auto;
overflow: hidden;
border:none;
}
p.rss-title {
line-height:16px !important;
padding:7px!important;
margin: 0 !important;
}
.rss-title {
text-decoration:none;
font-family:verdana, sans-serif;
font-size:13px;
line-height:16px;
color:#eee !important;
font-weight:700 !important;
text-align:left;
margin:0;
padding:0;
}
a.rss-title,a:visited.rss-title,a:hover.rss-title {
background-color:transparent !important;
color:#000;
text-decoration:none;
border: none !important;
}
.rss-items {
color:#000;
border-top:1px solid #999;
margin:0;
padding:0;
background: transparent;
}
.rss-item {
font-family:verdana, arial, sans-serif;
font-size:11px;
font-weight:400;
background:transparent !important;
list-style:none;
line-height:16px;
border-bottom:1px solid #999;
padding:8px;
}
ul.rss-items {
margin: -10px 0 5px !important;
}
ul li.rss-item {
background: transparent;
padding:8px !important;
margin: 5px 0 0 7px;
width: 150px;
}
.rss-item a {
text-decoration:underline;
color:#b70000!important;
font-size:12px;
font-weight:700;
font-family:arial, sans-serif;
border:none;
padding:0;
}
.rss-item a:visited {
color: #555 !important;
}
.rss-date {
font-size:85%;
font-weight:400;
color:#F60;
}
</style>
</div></div>
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Is that live on your site right now, @ProtechLabs? It would probably help our members to see it live.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Hi Adam, thanks for the reply. It was live but I have now found a temporary solution using a third party. I will query this again in the future when I have time.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report