Joomla Templates Club 406,261 posts

[merealty Friend merealtyJoin date: January 2008Posts: 4Downloads:0Uploads:0]

#125134

Hi,

I have made significant changes to ja_rochea template. Please take a look:

http://www.vacayhomes.com

Does anyone know how to increase the spacing between the 3 ajax spotlights? What should I change in the code?

Also, is there someone who is using boht the AJAX spotlight and the picture slimbox? One is excluding the other. Is there a way to use both at the same time?

Thanks,
Vlado

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#236905

You could add following style to your template_css.css file:


#ja-topsl div.moduletable {
padding: 0 0 0 10px;
}


[merealty Friend merealtyJoin date: January 2008Posts: 4Downloads:0Uploads:0]

#236930

Thank you for the response, however, I must be placing the code in the wrong place in the template_css.css. I tried psting the code both in the Spotlight General and the Top Spotlight sections and nothing happened.

Could you be more specific when it comes to placing this code? Below I have pasted the code for our spotlight module:

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

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

}

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

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

/* Top Spotlight */
#ja-topslwrap {
padding: 0;
margin-bottom: 10px;
margin-right: 10px;
}

div.sep {
display: block;
height: 10px;
background: url(../images/sep2.gif) no-repeat top right;
}

#ja-topsl h3, #ja-botsl h3 {
background: none;
}

#ja-topsl div.moduletable h3 {
margin: 0;
padding: 0;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right {
padding: 0 !important;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center {
}

/* Bottom Spotlight */
#ja-botsl {
padding: 15px 0;
color: #999999;
border-top: 1px solid #CCCCCC;
}

#ja-botsl a {
color: #999999;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #4F4F4F;
}

#ja-topsl ul,
#ja-botsl ul {
padding: 0;
margin: 0!important;
}

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

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

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

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

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#236943

Try a simple solution….do you have anything in the suffix? like -cyan -green?

if you do try and remove that and see if it makes any difference

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#236945

the white bar that appears at the bottom of your screen can be fixed by adding allign left to your copyrite in your footer

<p align=”left”><small>Copyright © 2007 – 2008 Vacay Homes. <br>
<a title=”Vacay Homes” target=”blank” href=”http://www.vacayhomes.com/”>Vacay
Homes</a> is a property of Manifest Equity LLC ©</small></p>

[merealty Friend merealtyJoin date: January 2008Posts: 4Downloads:0Uploads:0]

#236973

Thank you for your help. There is currently nothing in the suffix field. is there some code I can place in the suffix field to add a margin?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#237018

may I ask what is the size of your images?

[merealty Friend merealtyJoin date: January 2008Posts: 4Downloads:0Uploads:0]

#237023

Our images are 240 wide by 180 high. I know if I shrink the images a natural gap will be present, but the text boxes below will still touch. The Ja Rochea demo has larger images that are naturally cropped by the size of the ajax space. Ideas?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#237049

The problem is that you are using Mambo, not Joomla. Joomla generate class=”moduletable” for module while Mambo use id (id=”moduletable”). I think you should switch to Joomla to fix this problem.

[Author]

Posts