Joomla Templates Club 406,261 posts

[nempro Friend nemproJoin date: February 2008Posts: 5Downloads:0Uploads:0]

#125683

Hello,

I’m a new member of JoomlArt and I have a problem.

I would like to use the text overlay feature on the images from JA Drimia with other templates.

By “text overlay” I mean:

Is it possible to have this feature in other templates? If so, what are the steps?

Thank you in advance for any help you guys can offer.

I’m glad I joined JoomlArt. Great templates and cool people!

Scott

[redlight_traitor Friend redlight_traitorJoin date: October 2006Posts: 211Downloads:0Uploads:3 Thanks: 32 Thanked: 8 times in 1 posts]

#239204

Hi Scott,

I actually posted the anwers in one of my other posts.

install the module into another template.. and then go to the other template’s CSS file and add this code to the very bottom:

/* SPOTLIGHT
——————————————————— */
/* Spotlight Box Style */
.ja-box-left, .ja-box-leftcol, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-full {
float: none;
overflow: hidden;
}

.ja-box-left div.moduletable {
padding: 0 10px 0 0;
}

.ja-box-right div.moduletable {
padding: 0 0 0 10px;
}

.ja-box-left div.module {
margin: 0 0 0 20px;
}

.ja-box-right div.module {
margin: 0 0 0 20px;
}

/* Top Spotlight */
#ja-topsl {
}

#ja-topsl ul {
margin: 0;
padding: 0;
}

#ja-topsl li {
background: url(../images/arrow.png) no-repeat 2px 10px;
margin: 0;
padding-left: 12px;
}

#ja-topsl div.moduletable {
margin-bottom: 20px;
}

/* Bottom Spotlight */
#ja-botsl {
clear: both;
padding: 30px 0 0;
}

/* Common Style for Spotlight */
#ja-botsl ul {
margin: 0 0 0 2px;
padding: 0;
}

#ja-botsl li {
background: url(../images/arrow.png) no-repeat 0 8px;
margin: 0;
padding-left: 12px;
}

#ja-topsl td, #ja-botsl td {
padding: 0;
}

#ja-topsl .article_seperator, #ja-botsl .article_seperator {
display: none;
}

#ja-topsl table, #ja-botsl table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-botsl a, #ja-botsl a:focus, #ja-botsl a:active, #ja-botsl a:focus {
color: #666666;
}

/* MISCELLANOUS
———————————————————– */

/* SLWI */
.ja-slwi-container {
width: 100%;
}

.ja-slwi-container h3 {
color: #545454 !important;
font-family: “Lucida Grande”, Tahoma, Arial, Helvetica, sans-serif;
font-size: 100% !important;
line-height: normal !important;
margin: 0 !important;
padding: 7px 10px !important;
}

.ja-slwi-container h3 span {
background: none !important;
}

.ja-slwi-text p {
color: #666666;
margin: 0;
padding: 0 10px;
}

[Author]

Posts