Joomla Templates Club 406,261 posts

[danilo58 Friend danilo58Join date: July 2011Posts: 31Downloads:68Uploads:11 Thanks: 6 Thanked: 3 times in 1 posts]

#187557

Hi

I need change the size width of the block slideshow, to add another block to the right position like this image

sorry for my english, I’m from Argentina

---

Attachments:

1. 

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

#493018

Hi

Go to your template manager — Ja_Mendozite_Default — Layout Tab — Default Layout edit as shown below

<blocks name="top" style="xhtml">
<block name="slideshow" type="module" main-inner="1" style="raw">slideshow</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1" style="raw">user7</block>
</blocks>

Change to

<blocks name="top" style="xhtml">
<block name="topsl4" type="spotlight" main-inner="1" style="raw">slideshow,slideshow2</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1" style="raw">user7</block>
</blocks>

In your templates/Ja_Mendozite/templateDetails.xml add the new position slideshow2

<position>slideshow</position>
<position>slideshow2</position>

Save all, clean your Jat3 cache and you have a new position called slideshow2 right to the slideshow

Regards

1 user says Thank You to pavit for this useful post

1. danilo58

[danilo58 Friend danilo58Join date: July 2011Posts: 31Downloads:68Uploads:11 Thanks: 6 Thanked: 3 times in 1 posts]

#493386

Ok, but how can I change the percent between the positions, in the firebug analysis its appears an element.style width 50%, but I cannot find this style, can you help me?

thanks

---

Attachments:

1. 

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

#493394

Hi

Now you have in the default layout

<block name="topsl4" type="spotlight" main-inner="1" style="raw">slideshow,slideshow2</block>

add this special=”left” specialwidth=”25″ to assign the 25 % to the slideshow position and remaining 75% to the slideshow2 position

<block name="topsl4" type="spotlight" main-inner="1" style="raw" special="left" specialwidth="25">slideshow,slideshow2</block>

For any reference HERE you can find the Wiki on T3 framework

1 user says Thank You to pavit for this useful post

1. danilo58

[april4t Friend april4tJoin date: August 2012Posts: 27Downloads:4Uploads:5 Thanked: 2 times in 1 posts]

#504453

I thanked your post because it helped me understand things further, but if I use this tecnique of using the spotlight instead of modules, then the mega menu pulldowns no longer work properly – they pull down behind the slideshow…:((

<em>@pavit 373076 wrote:</em><blockquote>Hi

Go to your template manager — Ja_Mendozite_Default — Layout Tab — Default Layout edit as shown below

<blocks name="top" style="xhtml">
<block name="slideshow" type="module" main-inner="1" style="raw">slideshow</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1" style="raw">user7</block>
</blocks>

Change to

<blocks name="top" style="xhtml">
<block name="topsl4" type="spotlight" main-inner="1" style="raw">slideshow,slideshow2</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1" style="raw">user7</block>
</blocks>

In your templates/Ja_Mendozite/templateDetails.xml add the new position slideshow2

<position>slideshow</position>
<position>slideshow2</position>

Save all, clean your Jat3 cache and you have a new position called slideshow2 right to the slideshow

Regards</blockquote>

1 user says Thank You to april4t for this useful post

1. danilo58

[april4t Friend april4tJoin date: August 2012Posts: 27Downloads:4Uploads:5 Thanked: 2 times in 1 posts]

#504580

Pavit, when I tried your technique of using the spotlight type for the block instead of the module type, my mega-menu pull-downs in the horizontal menu bar end up being obscured by the slideshow module. How do I keep the mendozite mega-menu in the foreground when pulled down?

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

#504635

Hi

You may need to change the z-index value so that the div that contains the dropdown menu will have greater value than the slideshow.

[april4t Friend april4tJoin date: August 2012Posts: 27Downloads:4Uploads:5 Thanked: 2 times in 1 posts]

#504757

Thank you for your reply, but I am still learning and need clarification. I can find the z-index values of the slideshow in the templates css folder, mod_jaslideshowlite.css, ranging from 2 to 900, which is consistent with what I see in firefox for the slideshow. Via firefox inspector for the dropdown – I see a z-index of 1009 nested in the details. Yet in firefox, chrome and some ie versions, the dropdown hides behind the slideshow. There is a mega.css file in the template subdirectories that I could place overrides, but since the z-index value is already larger than the slideshow, I am uncertain what to do. Any ideas?

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

#504777

You can post your site’s URL here so that we can look and suggest further 🙂

[april4t Friend april4tJoin date: August 2012Posts: 27Downloads:4Uploads:5 Thanked: 2 times in 1 posts]

#504789

direct URL for my dev site: keypkey.com

thanks Saguaros!

I responded to this older danilo58 thread in case those originally involved were still subscribed to it because it is so similar to my problem. But now I have two threads going, but I still haven’t gotten it resolved. :-[

FYI, The original thread is: Can’t get new module position to show up on same “row” as slideshow in Mendozite

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

#504796

Hi

As I can see the slideshow is appearing behind the dropdown menu:

Could you check it again? or tell me the step so that I can see this issue.

[april4t Friend april4tJoin date: August 2012Posts: 27Downloads:4Uploads:5 Thanked: 2 times in 1 posts]

#504888

Yes. I fixed it last night with
Adding this to last line in template.css worked!! {.ja-box-right{ z-index:1; !important;}

[Author]

Posts