SOLVED How can I get the template working for 1920px ?
-
-
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
-
Ok, thanks.
I thought it´s not a big deal, as my previous template was supporting up to 1920 px screen resolution.
Either I get it working or I will go back to 1200 px.
-
-
-
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
-
I now use this custom css:
@media only screen and (min-width: 1680px) {
div.rt-container {width: 1680px;}
div.rt-grid-1 {width: 140px;}
div.rt-grid-2 {width: 280px;}
div.rt-grid-3 {width: 420px;}
div.rt-grid-4 {width: 560px;}
div.rt-grid-5 {width: 700px;}
div.rt-grid-6 {width: 840px;}
div.rt-grid-7 {width: 980px;}
div.rt-grid-8 {width: 1120px;}
div.rt-grid-9 {width: 1260px;}
div.rt-grid-10 {width: 1400px;}
div.rt-grid-11 {width: 1540px;}
div.rt-grid-12 {width: 1680px;}
div.rt-push-1 {left: 140px;}
div.rt-push-2 {left: 280px;}
div.rt-push-3 {left: 420px;}
div.rt-push-4 {left: 560px;}
div.rt-push-5 {left: 700px;}
div.rt-push-6 {left: 840px;}
div.rt-push-7 {left: 980px;}
div.rt-push-8 {left: 1120px;}
div.rt-push-9 {left: 1260px;}
div.rt-push-10 {left: 1400px;}
div.rt-push-11 {left: 1540px;}
div.rt-pull-1 {left: -140px;}
div.rt-pull-2 {left: -280px;}
div.rt-pull-3 {left: -420px;}
div.rt-pull-4 {left: -560px;}
div.rt-pull-5 {left: -700px;}
div.rt-pull-6 {left: -840px;}
div.rt-pull-7 {left: -980px;}
div.rt-pull-8 {left: -1120px;}
div.rt-pull-9 {left: -1260px;}
div.rt-pull-10 {left: -1400px;}
div.rt-pull-11 {left: -1540px;}
div.rt-prefix-1 {padding-left: 140px;}
div.rt-prefix-2 {padding-left: 280px;}
div.rt-prefix-3 {padding-left: 420px;}
div.rt-prefix-4 {padding-left: 560px;}
div.rt-prefix-5 {padding-left: 700px;}
div.rt-prefix-6 {padding-left: 840px;}
div.rt-prefix-7 {padding-left: 980px;}
div.rt-prefix-8 {padding-left: 1120px;}
div.rt-prefix-9 {padding-left: 1260px;}
div.rt-prefix-10 {padding-left: 1400px;}
div.rt-prefix-11 {padding-left: 1540px;}
}
@media only screen and (min-width: 1368px) and (max-width: 1679px) {
div.rt-container {width: 1368px;}
div.rt-grid-1 {width: 114px;}
div.rt-grid-2 {width: 228px;}
div.rt-grid-3 {width: 342px;}
div.rt-grid-4 {width: 456px;}
div.rt-grid-5 {width: 570px;}
div.rt-grid-6 {width: 684px;}
div.rt-grid-7 {width: 798px;}
div.rt-grid-8 {width: 912px;}
div.rt-grid-9 {width: 1026px;}
div.rt-grid-10 {width: 1140px;}
div.rt-grid-11 {width: 1254px;}
div.rt-grid-12 {width: 1368px;}
div.rt-push-1 {left: 114px;}
div.rt-push-2 {left: 228px;}
div.rt-push-3 {left: 342px;}
div.rt-push-4 {left: 456px;}
div.rt-push-5 {left: 570px;}
div.rt-push-6 {left: 684px;}
div.rt-push-7 {left: 798px;}
div.rt-push-8 {left: 912px;}
div.rt-push-9 {left: 1026px;}
div.rt-push-10 {left: 1140px;}
div.rt-push-11 {left: 1254px;}
div.rt-pull-1 {left: -114px;}
div.rt-pull-2 {left: -228px;}
div.rt-pull-3 {left: -342px;}
div.rt-pull-4 {left: -456px;}
div.rt-pull-5 {left: -570px;}
div.rt-pull-6 {left: -684px;}
div.rt-pull-7 {left: -798px;}
div.rt-pull-8 {left: -912px;}
div.rt-pull-9 {left: -1026px;}
div.rt-pull-10 {left: -1140px;}
div.rt-pull-11 {left: -1254px;}
div.rt-prefix-1 {padding-left: 114px;}
div.rt-prefix-2 {padding-left: 228px;}
div.rt-prefix-3 {padding-left: 342px;}
div.rt-prefix-4 {padding-left: 456px;}
div.rt-prefix-5 {padding-left: 570px;}
div.rt-prefix-6 {padding-left: 684px;}
div.rt-prefix-7 {padding-left: 798px;}
div.rt-prefix-8 {padding-left: 912px;}
div.rt-prefix-9 {padding-left: 1026px;}
div.rt-prefix-10 {padding-left: 1140px;}
div.rt-prefix-11 {padding-left: 1254px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
div.rt-container {width: 1200px;}
div.rt-grid-1 {width: 100px;}
div.rt-grid-2 {width: 200px;}
div.rt-grid-3 {width: 300px;}
div.rt-grid-4 {width: 400px;}
div.rt-grid-5 {width: 500px;}
div.rt-grid-6 {width: 600px;}
div.rt-grid-7 {width: 700px;}
div.rt-grid-8 {width: 800px;}
div.rt-grid-9 {width: 900px;}
div.rt-grid-10 {width: 1000px;}
div.rt-grid-11 {width: 1100px;}
div.rt-grid-12 {width: 1200px;}
div.rt-push-1 {left: 100px;}
div.rt-push-2 {left: 200px;}
div.rt-push-3 {left: 300px;}
div.rt-push-4 {left: 400px;}
div.rt-push-5 {left: 500px;}
div.rt-push-6 {left: 600px;}
div.rt-push-7 {left: 700px;}
div.rt-push-8 {left: 800px;}
div.rt-push-9 {left: 900px;}
div.rt-push-10 {left: 1000px;}
div.rt-push-11 {left: 1200px;}
div.rt-pull-1 {left: -100px;}
div.rt-pull-2 {left: -200px;}
div.rt-pull-3 {left: -300px;}
div.rt-pull-4 {left: -400px;}
div.rt-pull-5 {left: -500px;}
div.rt-pull-6 {left: -600px;}
div.rt-pull-7 {left: -700px;}
div.rt-pull-8 {left: -800px;}
div.rt-pull-9 {left: -900px;}
div.rt-pull-10 {left: -1000px;}
div.rt-pull-11 {left: -1100px;}
div.rt-prefix-1 {padding-left: 100px;}
div.rt-prefix-2 {padding-left: 200px;}
div.rt-prefix-3 {padding-left: 300px;}
div.rt-prefix-4 {padding-left: 400px;}
div.rt-prefix-5 {padding-left: 500px;}
div.rt-prefix-6 {padding-left: 600px;}
div.rt-prefix-7 {padding-left: 700px;}
div.rt-prefix-8 {padding-left: 800px;}
div.rt-prefix-9 {padding-left: 900px;}
div.rt-prefix-10 {padding-left: 1000px;}
div.rt-prefix-11 {padding-left: 1100px;}
}
But there is not difference, on my monitor with 1920 px resolution. It always shows the 1200 px resolution settings. Only if I extend the custom css to 1920 px, then I get a change on the webpage. Is there any reason, why it is not working between 1200 and 1679 px ?
Thanks in advance for your answer,
Christian
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you have a simple typo that ruins it all (I mark it red)
#gmap img {
max-width: none !important; }
}
/* Responsive Layout Change to 1680 */
Remove that extra } thats all it takes
-
-
-
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
-
Ok, thanks a lot Henning. That´s it.
But it still seems, that background image is to small for this resolution. How wide do I have to make that grey background image, to get the content area covered ? Is there some rule ?
Thanks again for your help,
Christian
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
the image for #rt-mainbody
images/overlays/mainbody-dark.png)
is tot small you have to choose a bigger one or at least one that repeats ...
-
Time to create page: 0.053 seconds