Public Forums 71,145 posts

[skipow Friend skipowJoin date: December 2007Posts: 4Downloads:0Uploads:0]

#151313

I have this page here http://skipow.com/SkiPow-Gallery.html (teline3) but I want it to use the whole page like this here http://leavenworthphotographer.com/ (ja_quartz)

The module is jaslideshow2. Might you be able to tell me how to make this work that way?

Thanks!

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#344748

Hi,

Basically this would require modifying the design a bit and having the slideshow area be 100% of page size as against 100% of the inner wrapper that it is currently set to.

The changes needed would be:
1. creation of a slideshow module position in the default.php of the template
2. adding slideshow module position in modules
3. Adding CSS in the template.css to show slideshow 100%

Someone could customize the template a bit for you too if you put across a request under that category

Thanks

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#345598

Hi Skipow,

Please open this file templates/ja_teline_iii/css/layout.css

Find the following code:

.main { width: 980px; margin: 0 auto; position: relative;}

And replace it with:

.main { /*width: 980px;*/ margin: 0 auto; position: relative;}

[skipow Friend skipowJoin date: December 2007Posts: 4Downloads:0Uploads:0]

#345612

Thanks for the code! It’s almost perfect but I would like my menu items and logo to remain static like http://leavenworthphotographer.com/

This code adjustment slides my menu and logo all the way to the left edge. Do you know how I can lock the menu and logo into position?

Thanks!

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#345617

Hi,

Please open file template.css on the same above folder.
Find and replace the following codes:

1. Line 831:

#ja-header .main { padding: 15px 0 10px; }

Replace with:

#ja-header .main { padding: 15px 0 10px; width: 980px;}

2. Line 953:

#ja-mainnav .main {
background: url(../images/mainnav-bg.gif) repeat-x bottom #fff;
border-top: 1px solid #ddd;
font-family: Constantia, Cambria, Times, serif;
font-size: 100%;
}

Replace with:

#ja-mainnav .main {
background: url(../images/mainnav-bg.gif) repeat-x bottom #fff;
border-top: 1px solid #ddd;
font-family: Constantia, Cambria, Times, serif;
font-size: 100%;
width: 980px;
}

[Author]

Posts