Public Forums 71,145 posts

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#145983

Hi.:)
I am testing Spotlight Module in the Pyrite Template. I have installed it from the Sulfur Template.

I have made my own position above the body, Left and Right positions (under the JA Slideshow), but I have som problems to style it.

Is there some other modules/Extensions that can to almost the same as the Spotlight Module? Maybe that could be more flexible and easier to use?

Tom Løkka

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#324659

Hi toloekka

I have checked our demo site but could not find this issue

Could you please submit a ticket, send us your live url, admin account so that we have a closer look on the issue?

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#324680

Hi again.

It is also called JA_CATSLWI in the Sulfur Template. That is a Extension from the Sulfur Template.

I have installed it in the Pyrite Template – made my own module position under the JA_SLIDESHOW and installed it there. The module then did not behave as in the Sulfur Template, but I have styled it with css now and made it working some how.

Tom Løkka

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#324769

Here is the rule styles apply for ja catslwi module
<blockquote>/* JA Catslwi */
#ja-topsl .ja-catslwi-display {
color: #CCCCCC !important;
}

#ja-topsl div.moduletable .ja-catslwi-display h3 {
background: none;
border-top: none;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
margin: 5px 0 5px;
padding: 5px 0 0;
text-transform: none;
text-transform: uppercase;
}

#ja-topsl2 .ja-catslwi-display h3 span {
background: none;
}

div.ja-catslwi {
float: left;
width: 32%;
}

.ja-catslwi-first {
margin-right: 10px;
}

.ja-catslwi-center {
margin: 0 5px;
}

.ja-catslwi-last {
float: right !important;
}

.ja-catslwi-first .ja-catslwi-inner,
.ja-catslwi-center .ja-catslwi-inner,
.ja-catslwi-last .ja-catslwi-inner {
margin: 0;
position: relative;
}
</blockquote>

and try to open the file: templates/ja_pyrite/css/template.css , find a section code at line 1044

<blockquote>
/* Top spotlight */
#ja-topsl {
clear: both;
margin: 0 0 20px;
padding: 0;
height: 200px;
overflow: hidden;
}

</blockquote>

you adjust the height of the module.

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#324793

Thanks tienhc.:)

This is just hove I did it.

Tom Løkka

[Author]

Posts