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!

7 answers

Profile photo of Sherlock 0.00 $tone September 18, 2010
Public

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%;
               }
#1
Profile photo of Robert Grygier 0.00 $tone September 20, 2010
Public

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).

#3
Profile photo of Sherlock 0.00 $tone September 22, 2010
Public

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 !

#4
Profile photo of Robert Grygier 0.00 $tone September 23, 2010
Public

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)?

#5
Profile photo of Sherlock 0.00 $tone September 24, 2010
Public

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;
            
        }
#6
Profile photo of Robert Grygier 0.00 $tone September 29, 2010
Public

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)

#7

This question is now closed

Written By

Comments