Joomla Templates Club 406,261 posts

[woodsworks Friend woodsworksJoin date: October 2013Posts: 19Downloads:0Uploads:3 Thanks: 2 Thanked: 3 times in 1 posts]

#194230

Hi there sorry for creating a new topic,

but it’s really urgent for me.

the objective is to create a block or a layout where I will put a full screen slider with width:100%

ja-pursite

has some div structure like this:

<div id=ja-header>
<div id=ja-slider>

As you can see, there are too many div container on my slider module, and each one has some padding, or margin properties, theses properties are make full screen impossible,

Which means I will break container’s width definition.

Please help, i’m looking for solutions for 2 days…. not working….:((

I include my website info, on this thread, you can check everything freely.

---

Attachments:

1. 

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

#520383

Were the steps you took to try to create your new position similar to the steps outlined wihtin THIS TUTORIAL?

1 user says Thank You to TomC for this useful post

1. woodsworks

[woodsworks Friend woodsworksJoin date: October 2013Posts: 19Downloads:0Uploads:3 Thanks: 2 Thanked: 3 times in 1 posts]

#520388

<em>@TomC 408379 wrote:</em><blockquote>Were the steps you took to try to create your new position similar to the steps outlined wihtin THIS TUTORIAL?</blockquote>
Thanks Tom but I didn’t found the mainbody.php in the folder : /template/ja-pursite/blocks/

:((

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

#520501

@woodsworks: All blocks of Puresite template are defined within the .main container with fixed width as you saw. In order to get slideshow full width, you can simply put below override css rules into the end of /templates/ja_puresite/css/template.css file:

#ja-slider .main {
width: 1350px;
max-width: 1500px;
}

#ja-slider div.ja-slider img {
width: 100%;
}


Clear JAT3 cache after updating changes.

[Author]

Posts