Joomla Templates Club 406,261 posts

[rypetry Friend rypetryJoin date: March 2011Posts: 49Downloads:0Uploads:1 Thanks: 12 Thanked: 4 times in 1 posts]

#173605

I’m using JA Tiris 1.5 and need to find a way to make the Side News Module appear vertically, layered on top of the slideshow area on the left-hand side instead of horizontally along the bottom as the template is set up. Here’s a screenshot of what I’m trying to accomplish (also note that I need 4 of the Side News modules to appear vertically):

Any takers?

Thanks.

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437178

I’ll try.

go to the sideshow module – scroll down to Navigator Settings.

in there you can pick Navigation alignment and there is already an option to have in Vertical Left.

there is a great tutorial for Slideshow in the Tiris user guide that may help for other stuff you want to do with it.

http://www.joomlart.com/forums/topic/userguide-ja-tiris-template-for-joomla-1-5/

EDIT – Okay just seen that you want sidenews not slideshow so NOT the solution that you want but could be an option?

[rypetry Friend rypetryJoin date: March 2011Posts: 49Downloads:0Uploads:1 Thanks: 12 Thanked: 4 times in 1 posts]

#437180

swissa –

Thanks for the reply, but unfortunately, that will not be an option to accomplish what I’m seeking to do. I need to get the Side News module to appear vertically on the left instead of horizontally along the bottom. So really, the slideshow isn’t related to the question, except that it has to remain behind the Side News module.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437183

There is another solution but I haven’t got rid of a border that is on the left and top of the sidenews. You can look for it or give me a little while longer but so that you get the idea you can try (and make a copy of the file before trusting me 😉 )

file is templates/ja_tiris/css/mod_jasidenews.css

I’m working off 1.7 so not sure if the line numbers will be the same for you on 1.5 but

line 14

div.ja-sidenews-wrap {

• bottom: 0;
• left: 30px;
• position: absolute;
• z-index: 100;
• width: 222px;

}

Just need to find that border css now! 🙂

Found that @ line 33

.ja-sidenews { border: 5px solid #fff;
float: left;
margin: 5px 5px;
width: 289px;


Hope that gets it for you!

1 user says Thank You to swissa for this useful post

1. rypetry

[rypetry Friend rypetryJoin date: March 2011Posts: 49Downloads:0Uploads:1 Thanks: 12 Thanked: 4 times in 1 posts]

#437192

<em>@swissa 299086 wrote:</em><blockquote>There is another solution but I haven’t got rid of a border that is on the left and top of the sidenews. You can look for it or give me a little while longer but so that you get the idea you can try (and make a copy of the file before trusting me 😉 )

file is templates/ja_tiris/css/mod_jasidenews.css

I’m working off 1.7 so not sure if the line numbers will be the same for you on 1.5 but

line 14

div.ja-sidenews-wrap {

• bottom: 0;
• left: 30px;
• position: absolute;
• z-index: 100;
• width: 222px;

}

Just need to find that border css now! 🙂

Found that @ line 33

.ja-sidenews { border: 5px solid #fff;
float: left;
margin: 5px 5px;
width: 289px;


Hope that gets it for you!</blockquote>

Well, we’re certainly on the right track. I just have to create the 4th window for the side news, but I’m trying to get the spacing between the windows correct. Then I’ll need to resize them. But we’re certainly well on our way. Thanks for your time in helping me with this!:)

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437198

You’re welcome. I’m learning through doing so expands my knowledge too!

You can add a 4th article in the module itself (well I can on 1.7). Along with sizing, article length etc.

You might want to check in there what you can achieve before altering lots of css.

Be interested to see it when you’re done!

Bestens

[Author]

Posts