Joomla Templates Club 406,261 posts

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045032

Hi,

I would like to change the template size fit to full page for my site http://www.tracebee.com

Please help.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045138

Hi
The template is based on Bootstrap3 that work on the grid system.
You can define a fixed width for a specific screen size in the template.
Here is the documentation helps you to change the template width.
Follow #2: For templates developed with T3 Framework version 2.x+ and integrated Bootstrap 3
in above link.

Hope it helps.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045177

Hi,

I have increased the pixel for Medium screen / desktop to 1040px and Large screen / wide desktop to 1300px, but there is no changes happened.

Please help to fix this issue.

And also let me know how to I create the link for each images in the JA slider?

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045181

Hi
For after making changes in the Less files you have to compile Less to css from template options.
If you want to test the changes directly from Less files, Turn on the Development Mode.

For Slideshow question kindly open a new thread for a different subject topic.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045199

I have done compile Less to css and saved, Still problem is not solved.

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045202

Hi Pankaj,

I have tried changing the px width but not able to get it to 100% view.

Kindly suggest & oblige.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045204

Hi
The template is based on Bootstrap 3 and you can only add a fix width for a screen size.
Kindly share a temp super user login in private reply.
I will have a look on your changes.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045217

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045226

Please note that I would like to have template size fit (100%) to full page

Hi
As i mentioned above in Bs3 you can set the value of width in px, and it work for specific screens size only as showing in the less files.
You can try below teak to put the container width of 100%

.container {
    width: 100%;
  }

It may create issue for some parts like slideshow that work with a fix width value.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045244

.container {
width: 100%;
}
If I include the above code the menu and slider is creating the issue, so I don’t want to include this.

Can you please tell how do I change the texture to white color? Then the issue will be fixed.

And also help me to put search module on top of the right side.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045251

Hi
You can change the background color by adding below code in custom.css file

body {
    background: #000;
}

.head-search {
    right: 10px;
}

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1045260

Hi Pankaj,

I have added the below code into custom.css, no changes happened. Pls help.

body {
background: #ffffff;
}

.head-search {
right: 10px;
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1045532

Hi
Both are the codes are working.
please check it again > http://prntscr.com/fqvwuy

Regards

[Author]

Posts