Joomla Templates Club 406,261 posts

[lukeither Friend lukeitherJoin date: June 2012Posts: 15Downloads:0Uploads:0]

#196376

How do I add my own images to the portfolio.

Here’s the code that’s in the module.

<div class=”col col1 col-md-1 col-sm-1 col-xs-1 “> </div>
<div class=”col col2 col-md-1 col-sm-1 col-xs-1 “> </div>
<div class=”col col3 col-md-1 col-sm-1 col-xs-1 “> </div>
<div class=”col col4 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col5 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col6 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col7 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col8 col-md-1 col-sm-1 col-xs-1 “> </div>
<div class=”col col9 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col10 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col11 col-md-1 col-sm-1 col-xs-1″> </div>
<div class=”col col12 col-md-1 col-sm-1 col-xs-1″> </div>
</div>
</div>

[newsun11026 Friend newsun11026Join date: May 2012Posts: 62Downloads:14Uploads:7 Thanks: 6 Thanked: 19 times in 13 posts]

#529214

Hi,
You can download & edit there images
http://lukeithermd.com/templates/ja_appolio/images/background-col1.jpg
http://lukeithermd.com/templates/ja_appolio/images/background-col2.jpg
…………………………
http://lukeithermd.com/templates/ja_appolio/images/background-col12.jpg
Then reupload it to your website.
I hope it will helpful for you.

[lukeither Friend lukeitherJoin date: June 2012Posts: 15Downloads:0Uploads:0]

#529216

I see the 2 links, do I download the images from the link you shared? I can’t see the 3rd one, it is broken. I’m still not clear about which folder they go into.

I think I know what the problem is. I don’t see my /images folder in the media manager.

Thank you so much.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#529217

Hi lukeither

The module use a css style to give a background to the div col

In this file /templates/ja_appolio/css/template.css find this part of code

.col {
-webkit-animation: background-move 10s linear 0s infinite alternate;
animation: background-move 10s linear 0s infinite alternate;
float: left;
height: 700px;
transform: translateZ(0px);
}
.col1 {
background: url("../images/background-col1.jpg") no-repeat 0 50%;
}
.col2 {
background: url("../images/background-col7.jpg") no-repeat 0 50%;
}
.col3 {
background: url("../images/background-col5.jpg") no-repeat 0 50%;
}
.col4 {
background: url("../images/background-col4.jpg") no-repeat 0 50%;
}
.col5 {
background: url("../images/background-col3.jpg") no-repeat 0 50%;
}
.col6 {
background: url("../images/background-col7.jpg") no-repeat 0 50%;
}
.col7 {
background: url("../images/background-col2.jpg") no-repeat 0 50%;
}
.col8 {
background: url("../images/background-col1.jpg") no-repeat 0 50%;
}
.col9 {
background: url("../images/background-col2.jpg") no-repeat 0 50%;
}
.col10 {
background: url("../images/background-col3.jpg") no-repeat 0 50%;
}
.col11 {
background: url("../images/background-col4.jpg") no-repeat 0 50%;
}
.col12 {
background: url("../images/background-col5.jpg") no-repeat 0 50%;
}

You can change image for every column with your custom image

1 user says Thank You to pavit for this useful post

1. daveburstein

[lukeither Friend lukeitherJoin date: June 2012Posts: 15Downloads:0Uploads:0]

#529219

Got it!! Thank U!!!!

[daveburstein Friend davebursteinJoin date: December 2013Posts: 125Downloads:227Uploads:22 Thanks: 43 Thanked: 12 times in 2 posts]

#552643

Thank you. This was really bugging me. 🙂

[Author]

Posts