Public Forums 71,145 posts

[jamboo Friend jambooJoin date: March 2011Posts: 10Downloads:53Uploads:0 Thanks: 2 Thanked: 2 times in 2 posts]

#463189

I am having some problems with the 4 spotlight boxes in the blank theme. I upload in every box a picture but the last (right) box is pushed to the right. I see this in firebug:

<div class=”main-inner1 clearfix”>
<div class=”ja-box column ja-box-left” style=”width: 25%; min-height: 200px;”>
<div class=”ja-box column ja-box-center” style=”width: 25%; min-height: 200px;”>
<div class=”ja-box column ja-box-center” style=”width: 25%; min-height: 200px;”>
<div class=”ja-box column ja-box-right” style=”width: 25%; min-height: 200px;”>

were should i change it so it stays inside the main-inner1 div with equal padding around it?

I have copied the apple.jpg 215px x 170px into the user1 user2 user3 and user4 custom blocks

Thanxs jamboo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#463322

Because attribute type=”spotlight” on JAT3 Framework and divide user1 user2 user3 and user4 with equal. But you would like to customize anything position is special

<blockquote>Goto admin site->Extensions->Template Manage->Edit JA_T3_Blank – Default->Layouts Tab->Edite Default</blockquote>

Find

<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4,user5</block>

change to

<block name="topsl" type="spotlight" main-inner="1" special="left" specialwidth="22">user1,user2,user3,user4,user5</block>

1 user says Thank You to Ninja Lead for this useful post

1. jamboo

[jamboo Friend jambooJoin date: March 2011Posts: 10Downloads:53Uploads:0 Thanks: 2 Thanked: 2 times in 2 posts]

#465106

Hi Ninja Lead,

been on holiday, sorry for the late reply.

I made the changes you suggest. Then the first photo became to small and still the space between the foto’s didn’t show correct.

Then i didn’t know were to adjust these spaces, i added the following code to my css:

}
#ja-topsl .main .ja-box-left{width: 235px !important; margin-left: 1px;}
#ja-topsl .main .ja-box-center{width: 235px !important;}
#ja-topsl .main .ja-box-right{width: 235px !important; margin-right: 8px; }

In the most right (4 th) custom html block under the Advanced tab (Image Manager) i select for the Class: ja-box-right

Now it looks fine. If you can point me the way to fix it as you suggested, i would be very interested.

Hope this is helpfull for others too.

Greetings Jamboo

[Author]

Posts