-
AuthorPosts
-
puntje Friend
puntje
- Join date:
- April 2014
- Posts:
- 239
- Downloads:
- 29
- Uploads:
- 119
- Thanks:
- 48
- Thanked:
- 4 times in 3 posts
April 29, 2014 at 9:07 pm #197208Hi,
Still a few questions.
1. I want to turn off the well (light gray background color) in the sidebar on the left.
2. Also i turned it off for tablet and mobile in the layout. It give’s then still a empty white space and i don’t want this. Hope i can change this in this layout.
3. I want to do a picture in Masshead. With no text. I made a module, but i keep on seeing the only the blue background of the masshead. It only must have the picture in it, without text. I like to know if this is possible.
4. Is there also away that i can make a copy of the Template Manager: -> styles and the Template Manager: -> templates, i need for another plugin an exact copy of both. So i can change somethings for a mobile version a other position or text. With the plugin i use i can use the style name for the mobile or for the tablet. But i also must some things in the template. So i need a exact copy of both. If i copy know, in my template i only have one layout, and so i cannot change for example the color of positions. I tried to make a copy, but i did not see a copy in the templates.
I made a custom.css in templates. One thing i like is that the off canvass to stick on the top, is this possible with this template.
1. For tablet and mobile i want to make a off canvass navigation menu. In the off canvas i want to change the sidebar to the name Menu.
2. Also one or two text buttons are bigger as the canvas, can i change the width to 290px. Also two arrows are not at the wright place on canvass.
3. Can i make make the padding dissepaer in the off canvas menu. I like 100% border-bottom. The padding must stay for the text of course.
I like very much, that i click on the navigation link# and it goes not back to the page. Top. I notice it on my ipad. Thanks
Do you also have a plugin to make other menu’s responsive like, so i can pick colors, borders.
Hope you can tell me how i change these few things.
-
newsun11026 Friend
newsun11026
- Join date:
- May 2012
- Posts:
- 62
- Downloads:
- 14
- Uploads:
- 7
- Thanks:
- 6
- Thanked:
- 19 times in 13 posts
April 30, 2014 at 12:04 am #532931Hi,
I see problem.
1. You see empty white space because mainbody not full.
[PHP]
<div id=”t3-content” class=”t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3″>
[/PHP]
So, you can see in medium screen and small screen mainbody only have 8&9 column. It isn’t full. You must change to
[PHP]
<div id=”t3-content” class=”t3-content col-xs-12 col-lg-9 col-lg-push-3″>
[/PHP]
2.1. Name off-canvas
You can change it in templates/ja_sugite/tpls/blocks/off-canvas.php at line 28
[PHP]<h2 class=”t3-off-canvas-header-title”>Sidebar</h2>[/PHP]2.2 Change width off-canvas
– You can add width off-canvas in http://www.joomlastudie.nl/t3-assets/dev/blue/templates.ja_sugite.less.off-canvas.less.css at line 88
.off-canvas-open .t3-off-canvas {
overflow-y: auto;
width: 290px; // Add this line
}
and
– You must change some css in http://www.joomlastudie.nl/t3-assets/dev/blue/templates.ja_sugite.less.off-canvas.less.css at line 203
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-290px, 0, 0); // Change here
transform: translate3d(-290px, 0, 0); // Change here
}
2.3. Padding off-canvas
You can chang it in http://www.joomlastudie.nl/t3-assets/dev/blue/templates.ja_sugite.less.off-canvas.less.css at line 646
.t3-off-canvas .t3-off-canvas-body {
padding: 14px 28px; // Change here
}
and line 618
.t3-off-canvas .t3-off-canvas-header {
background: #2d3e50
color: #000000
padding: 14px 0 14px 28px; // Change here
height: 56px;
line-height: 56px;
}
I hope it will helpful for you 😀1 user says Thank You to newsun11026 for this useful post
puntje Friendpuntje
- Join date:
- April 2014
- Posts:
- 239
- Downloads:
- 29
- Uploads:
- 119
- Thanks:
- 48
- Thanked:
- 4 times in 3 posts
April 30, 2014 at 12:29 pm #533003I notice the sidebar is visible on my mobile. But it must be not visible.
I did not do a a thing jet on this part. I want the sidebar with menu only for the computer. Voor tablet or mobile i want no sidebar left, so also no menu, the can use the off canvass one. Can i turn that thing of for mobile and tablet. I looked in layout and i cannot turn it off, like i did before. I first go for a walk with my dog and will look at it tonight.
newsun11026 Friendnewsun11026
- Join date:
- May 2012
- Posts:
- 62
- Downloads:
- 14
- Uploads:
- 7
- Thanks:
- 6
- Thanked:
- 19 times in 13 posts
April 30, 2014 at 12:37 pm #533004I know. Please try it 🙂
puntje Friendpuntje
- Join date:
- April 2014
- Posts:
- 239
- Downloads:
- 29
- Uploads:
- 119
- Thanks:
- 48
- Thanked:
- 4 times in 3 posts
April 30, 2014 at 8:03 pm #533044“/tpls/blocks/mainbody/one-sidebar-left.php” in template “ja_sugite”.
<div id=”t3-content” class=”t3-content col-xs-12 col-lg-9 col-lg-push-3″>
That is nice.
Still looking at 290px width of the off canvas. Did not get it working in the blue template, maybe i must do it in an other place. I put it back to 250. The other thing about padding i’m going to try now.
Still got the grey big well around the buttons in the sidebar-left. How can change that. I tried .well {background:none !important;border:none !important;} But the little grey-white color is still there. It is around the menu in the sidebar left, next to the content.
Also i see on my ipad that one picture by webhosting is portrait 100% width and in the others the normal width.
puntje Friendpuntje
- Join date:
- April 2014
- Posts:
- 239
- Downloads:
- 29
- Uploads:
- 119
- Thanks:
- 48
- Thanked:
- 4 times in 3 posts
May 3, 2014 at 7:03 pm #533422Change sidebar by, so i don’t see the light gray background of the sidebar and put this in the custom.css of the css folder of the template.
.t3-sidebar {
background-color: #ffffff
margin-top: 28px;
padding-top: 28px;
padding-bottom: 28px;
}Put this in de custom.css
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-330px, 0, 0); // Change here
transform: translate3d(-330px, 0, 0); // Change here
}.t3-off-canvas .t3-off-canvas-body {
padding: 14px 15px; // Change here
}.t3-off-canvas .t3-off-canvas-header {
background: #2d3e50
color: #000000
padding: 14px 0 14px 15px; // Change here
height: 56px;
line-height: 56px;
}.t3-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 330px;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}It will be easier if the menu-text if it is to long, that get a <br/> Because 330px is long and i have a iphone 4S, but there are smartphones that are smaller. Is this possible.
Other problem the pictures give a 100% width of the page in my ipad 4S. So this hamburger get very big. Also i notice some of the larger pictures are more then 100% width of the page on the computer.
-
AuthorPosts
Viewing 6 posts - 1 through 6 (of 6 total)This topic contains 6 replies, has 2 voices, and was last updated by puntje 10 years, 6 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum