RSS output

I’ve just begun working on http://beta.escashop.com and would like to integrate an RSS-feed as follows:
-- RSS-feed displayed on start page (home). I’ve basically accomplished that, but would like to display the feed in full width or as shown on http://www.escaglobal.com
-- deactivate the feed in the "black section"

Anybody that can help?

Thank you in advance!

Dear archienorway,

You can try as follow
Go to the skin/frontend/default/jm_topaz/css/theme.css file,adding the css

.ja-box-center{
width:100% !important;
}

then go to the skin/frontend/default/default/joomlart/jmrss/jm.rss.css file you will see this

Code:

.jm-item{
                     padding-top: 15px;
                     float: left;
                    width: 100%;
               }

change it to

Code:

.jm-item{
                     padding-top: 15px;
                     padding:2px;
                     float: left;
                     width: 48%;
               }

Hi! This definitly got me in the right direction. Thank you.

Stuck again 🙁
The output generated by list.phtml is using <ul>, resulting in an empty "dot" (linked to the image" just to the right of the RSS-feed picture (attachment now.jpg). I’ve tried modifying the code in order to change the appearance, but can’t change this without seriously messing up the layout.

Ideally, the output would look like shown in the attachement (ideally.jpg).

Stuck again 🙁
The output generated by list.phtml is using <ul>, resulting in an empty "dot" (linked to the image" just to the right of the RSS-feed picture (attachment now.jpg). I’ve tried modifying the code in order to change the appearance, but can’t change this without seriously messing up the layout.

Ideally, the output would look like shown in the attachement (ideally.jpg).

Hey archienorway,

You can go to skin/frontend/default/default/joomlart/jmrss/jm.rss.css ,and do change the css
.jm-item{
padding-top: 15px;
padding:2px;
float: left;
width: 48%;
}
To this
.jm-item{
padding-top: 15px;
padding:2px;
float: left;
width: 48% !important;
}

I think this will help !

Hey archienorway,

To this
.jm-item{
padding-top: 15px;
padding:2px;
float: left;
width: 48% !important;
}

I think this will help !

Thanks! This definitly helped! Any idea how to get rid of the empty bullet point which is linked to the picture (at least in Firefox)?

Dear archienorway,

Try as follow
Go to the skin/frontend/default/jm_topaz/css/theme.css file,Look for this css

HTML Code:

   #ja-botsl li a {
             color: #666666;
              padding-left: 12px;
             background: url(../images/bullet.gif) no-repeat 2px 5px;
        }

Change it to

HTML Code:

   #ja-botsl li a {
             color: #666666;
              padding-left: 12px;
            
        }

Thanks again. Seems like Firefox has an issue when using padding as suggested. I’ve now adjusted to:

#ja-botsl li {
padding: 6px 0;
background: none;
border-bottom: 1px solid #222222;
display:block;
overflow:hidden;
width:100%;
}

#ja-botsl li a {
font-size: 12px;
font-weight: bold;
color: #666666;
/* padding-left: 12px;
background: url(../images/bullet.gif) no-repeat 2px 5px; */
}

#ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus {
font-size: 12px;
font-weight: bold;
color: #0189DD;
/* padding-left: 12px;
background-image: url(../images/bullet-hover.gif); */
text-decoration: none;
}

Additionally, I changed blue.css as follows:
#ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus {
/* color: #0189DD;
background-image: url(../../images/blue/bullet-hover.gif); */
}

I’m quite satisfied with the result though I’d like to:
-- center the 2 columns with RSS-feeds
-- use more more space (feels like the to columns only use about 5/6 of the space)