Joomla Templates Club 406,261 posts

[doloop Friend doloopJoin date: May 2011Posts: 6Downloads:0Uploads:0 Thanks: 2]

#167113

How can I put a border around the images in the flowlist, or where ist the css that controlls the flowlist?

thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#404689

Hi,
You replace this code from /templates/ja_labra/css/template.css in the line #979

#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
}
with

#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
border: solid orange; < add this line
}

[doloop Friend doloopJoin date: May 2011Posts: 6Downloads:0Uploads:0 Thanks: 2]

#405161

Thankyou for the quick anwser! But I didn’t quite mean that, what I need is a picture frame around the individual pictures (so they look like old fashioned fotos with a border around them) Thanks !

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#405163

Hi,
You must add in the code for the image as well

<img src="pic.jpg" border="0" /></a>

[doloop Friend doloopJoin date: May 2011Posts: 6Downloads:0Uploads:0 Thanks: 2]

#405165

but where do I put in that?

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#405172

Hi,
You will put this in the same code as described by Khoand above. You just add in the additional code.
Do remember you must also upload the image to be used.
Hope this helped.
Add this line of code:
img src=”pic.jpg” border=”0″;
Let me know if I’ve left out anything you need help with.

[doloop Friend doloopJoin date: May 2011Posts: 6Downloads:0Uploads:0 Thanks: 2]

#405175

surely you dont mean that the css, should look like this, or do you?

#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
border: solid orange; <img src=”pic.jpg” border=”0″ /></a>
}

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#405183

No, full code should be:


#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
background-image: url(pic.jpg); < add this line


[doloop Friend doloopJoin date: May 2011Posts: 6Downloads:0Uploads:0 Thanks: 2]

#405338

I’m really sorry but I’m not getting any further, does this look ok?

}

#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
border: 5px solid orange, background-image: url(../../../images/stories/demo/home.jpg);

}

it doesnt seem to change anything, I want a think orange boarder around the individual images (i gues I have to add aline for each image)

thanks sue

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#405395

HI Sue,
My apologies, I thought you wanted to add an actual image of a frame.
The code should appear like this:

#ja-topsl {
color: white;
position: relative;
min-height: 300px;
z-index: 10;
border: 5px solid orange;

You will need to adjust the [adding to suit the thickness you want to appear. Instead of 5px try 10px and so on till you achieve the desired effect.
I would recommend that you use FIREBUG to to the playing so you do not have to keep editing actual file, when happy with the size of the border, then you may edit the actual file.
Here is a link regarding how to use Firebug and there is a download link as well on the page:
http://getfirebug.com/whatisfirebug
Let me know if we can be of any more service to you or if I may mark the thread as SOLVED.
Thanks!

[Author]

Posts