Joomla Templates Club 406,261 posts

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#173004

Hi,

How to move up the module user 5 – user 7 (refer attachment) ?
Actually I want my the whole home page fit to screen 1280×800 without scroll.
And I dont mind if the slideshow will be less width.

Thank you.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#434602

Hi azilanur

Please help me to understand you want put your user5 user7 modules above the slideshow module ?

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#434776

Hi,
Yup main menu, slideshow, followed by user5-user7, user5-user7 will be move up to the position of red arrow, see the red arrow inside the attachment.
Thank you.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#434786

Hi azilanur

What are you asking to do is possible changing the layout structure of the template but after you have to change all the css structure for the slideshow to move it below the User5 and user7 position, and this is a template customization.

anyway you can move the positions in this way goto Extensions — Template Manager — Layout Tab

move this block (Cut and past)

<block name="topsl1" type="spotlight" main-inner="1">user5,user6,user7,user8</block>

above this line

<block name="slideshow">slideshow</block>

so it will be

<blocks name="top" style="xhtml">
<block name="absolute" type="modules" style="raw">absolute</block>
<block name="top-panel" type="modules" style="raw" main-inner="2">top-panel</block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="header" type="header"></block>
<block name="mainnav" type="mainnav"></block>
<block name="topsl1" type="spotlight" main-inner="1">user5,user6,user7,user8</block>
<block name="slideshow">slideshow</block>
<block name="masshead">masshead</block>
<block name="contentslider">contentslider</block>
<block name="twitter">twitter</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>

Save and clean your jat3 cache

I have showed the procedure to obtain what you need now it’s your job to modify the css for the slideshow so you can move it down

Regards

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#434953

Hi,
Thank you for the info. But I m actually didnt want to change layout. The layout remain, but only want to move the position of user5-user7 to be a little bit higher position as a attach screenshot before. The reason I want to move that so that the interface will be fit on screen resolution of 1280×800.
Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#434965

So really you just want to make the slideshow a little smaller height wise?

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#435123

Hi,
Yes exactly. So, how to do that. Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#435149

Please begin by going into the module manager and setting your slideshow height to the height you want it to be. When you have done that come back with a link to the page your slideshow is on and I will post the css adjustments you need to make.

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#435305

Hi,
I has set to new slideshow height at my localhost, in progress to transfer to live site for testing. Is it you want the url of live site for you to review before post css adjustment?

Thank you.

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#435318

Hi,

I already private message to you detail of my site url.

Thank you.

[azilanur Friend azilanurJoin date: November 2006Posts: 54Downloads:0Uploads:12 Thanks: 14 Thanked: 2 times in 1 posts]

#436007

Hi,

It’s work. Thank you so much.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#436006

You now need to edit a little css, just the 310px bit below to whatever height you wish.

[PHP]#ja-slideshow { min-height: 310px;}[/PHP]

That code can be found in modules/mod_jaslideshow/assets/themes/kranos/style.css around line 497

1 user says Thank You to Phill for this useful post

1. azilanur

[Author]

Posts