Joomla Templates Club 406,261 posts

[inetworking Friend inetworkingJoin date: March 2010Posts: 158Downloads:0Uploads:69 Thanks: 23]

#166174

:confused:
Hello
I mounted the module “Spotlight Module Content with Image” as the guide puts but I have 2 problems.
– That is misconfigured, that create 2 lines instead of lines, we can arrange this as

http://inetworkingdemo.com/jaquartz/

– As poduedo resize the area where this text, color, to make it smaller.

thanks

---

Attachments:

1. 
2. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#400647

Hi,

Since the spotlight type is being used, it divides the whole area into number of images you have specified to display in the module. I would suggest you to increase image widths to be 225px max and do the following changes in template.css so that the images will fit in the available area on a single line.
On line 1342
<blockquote>div.ja-catslwi {
width: 226px;
float: left;
} </blockquote>Change width to 225px

On line 1351
<blockquote>.ja-catslwi-center {
margin: 0 10px 0 5px;
}</blockquote> Change margin to 0 11px 0 5px

On line 1347
<blockquote> .ja-catslwi-first {
margin-right: 10px;
}</blockquote> Change Margin-right to 11px

[inetworking Friend inetworkingJoin date: March 2010Posts: 158Downloads:0Uploads:69 Thanks: 23]

#400699

Thanks for the solution has worked for me was what I needed. Thank you.
Now to finish at all, I wanted to know how to move the images left or a few pixels to reduce the distances between pictures, so the original photo on the left and right the end of the line are not touching the box that surrounds them.
:confused:

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#400705

Find the previous styling you have changed in template.css and make further changes as below.

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

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

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

[inetworking Friend inetworkingJoin date: March 2010Posts: 158Downloads:0Uploads:69 Thanks: 23]

#400829

Thanks, worked perfertamente, but now it’s the opposite side, the right one pixel to the right and will be perfect:-*

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#400898

Hi,

You have written margin-left instead of margin-right in
.ja-catslwi-last {
margin-right: 10px;
}

1 user says Thank You to himangi for this useful post

1. inetworking

[inetworking Friend inetworkingJoin date: March 2010Posts: 158Downloads:0Uploads:69 Thanks: 23]

#401179

Everything is ok thank you very much:laugh:

[Author]

Posts