Joomla Templates Club 406,261 posts

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#201069

How to make full width for slide show.

thanks in advance.
Pramod

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

#548383

Hi Pramod,

Could you update your site’s URL here so that I can take a look? I can’t access with the link you provided in this thread.

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#548397

Hello Saguaros, thanks for your message, here are the details.

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

#548664

Hi

You can try create a new css file called custom.css in this directory: /templates/ja_bookshop/css/ and add this css rule:


.home .container.t3-sl.t3-sl-1 {
width: 100%;
}


[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#548673

<em>@Saguaros 444731 wrote:</em><blockquote>Hi

You can try create a new css file called custom.css in this directory: /templates/ja_bookshop/css/ and add this css rule:

.home .container.t3-sl.t3-sl-1 {
width: 100%;
}

</blockquote>

Hello Saguaros!

Thank you so much, its working and small issue right side. please check the screenshot.

I have used padding to take off blank space top/left/right
width: 100%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;

if i use padding-right: -1px; then white space only for slideshow. please helm in this.

Regards,

---

Attachments:

1. 

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

#548775

Hi

I tried to open your site in different web browsers but didn’t see that space: http://prntscr.com/4l2kyg

Did you sort it out at your end?

1 user says Thank You to Saguaros for this useful post

1. pramodsahu

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#548982

Hello Saguaros,

No, from my system it is visible, but this is not major issue.

Thank you so much for your support.
Pramod

1 user says Thank You to pramodsahu for this useful post

1. Saguaros

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#556214

Hello Saguaros!

As you said, home page 100% width its working well.

Is it possible to make complete site 100% width without adding code each and every page (like global setting, one shot)?

I mean product category page, product description page etc.,

Now normal systems looking good but large screens the page is displaying only middle part not full width. with your suggestions i’m able to make home page full width, its working great even large screens also fitting nicely.

Thanks in advance,
Pramod.

<em>@pramodsahu 444740 wrote:</em><blockquote>Hello Saguaros!

Thank you so much, its working and small issue right side. please check the screenshot.

I have used padding to take off blank space top/left/right
width: 100%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;

if i use padding-right: -1px; then white space only for slideshow. please helm in this.

Regards,

</blockquote>

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

#556290

Try using this rule:

@media (min-width: 1200px) {
#t3-mainbody.container {
width: 100%;
}
}


1 user says Thank You to Saguaros for this useful post

1. pramodsahu

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#556324

Hello Saguaros!

Nice, it is working perfect, really so happy with your JA support.

Thank you soo much,
Pramod.

<em>@Saguaros 454493 wrote:</em><blockquote>Try using this rule:

@media (min-width: 1200px) {
#t3-mainbody.container {
width: 100%;
}
}

</blockquote>

1 user says Thank You to pramodsahu for this useful post

1. Saguaros

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

#556406

You’re welcome :laugh:

[Author]

Posts