Joomla Templates Club 406,261 posts

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#191373

i would like to know if it’s possible to have a slideshow that is 100% the browser width, even if the main body is only 980px wide for example?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#508964

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#508966

this is not live at the moment but i would like to use the university template for it – so if you could maybe check out the out of the box university and let me know how to change the slideslow(or other module where i could publish a slideshow) module to 100%, it would be great

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509179

i understand that you might be busy, but i would like to know if you are looking at this as i am waiting on you(if so, i am happy to wait), or do i have to find other template company as i have a client that wants this and i have seen templates with that sort of design http://themeforest.net/item/noo-travel-responsive-joomla-3-travel-template/5695318

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#509199

Which version of JA University are you interested in using – J2.5 or J3.0?

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509201

i do not really mind whatever you like to work on

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509275

Hi bossies,

You can try to put below overridden css styles into the end of templates/ja_university/css/template.css file:

/*Adjust the slideshow to 100% width*/
#ja-slideshow .main {
width: 100%;
max-width: 1400px;
}

Then clear JAT3 cache.

1 user says Thank You to phong nam for this useful post

1. bossies

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509648

thanks – i will give that a go and let you know – could i make the max-width 1920 for HD screens?

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509650

i did a quick test and it seems to be working – just another edit i would like – the client likes the main menu to be fall 50% over the slideshow – i tried with negative top margin like margin-top: -20px; but that had no effect – could you maybe guide me with that to?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509651

Hi,

Yes. You can do that, 1920px or higher is no problem here. And in order to make the Main menu fall down 50%, you can try to put these css styles into templates/ja_unversity/css/templates.css file:

#ja-slideshow {
margin-top: -20px;
}

Remember to clear JAT3 cache then.

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509806

i have tried the negative margin on the slideshow but that has no effect?

it seems to have something to do with the clear:both – if i make it cleare:none – than it moves up but then it display on the right side?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509810

Hi,

Indeed, the clear: both; property of .wrap will not affect the negative margin of main menu. Anyways, you can put the below css styles into the end of templates/ja_university/css/template.css file:

#ja-slideshow .wrap,
#ja-mainnav .wrap {
clear: none !important;
}

Clear JAT3 cache after saving changes and you can test the negative margin again. If you need more correct css styles in this case, it will be better when you put the website’s url here or send me PM.

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#509852

its works on chrome but not ff and ie – i will put the site online so you can please have a look

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509980

Hi,

The slideshow is displaying with 100% width on both Chrome, IE and Firefox when i checked out the url you sent me in PM. Can you check it again ?

– On IE: http://easycaptures.com/fs/uploaded/796/9276419300.png
– On FF: http://easycaptures.com/fs/uploaded/796/3183906609.png

[Author]

Posts