Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • puntje Friend
    #197208

    Hi,

    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.


    1. sugitewell
    2. sugitesidebaroffcanvas
    newsun11026 Friend
    #532931

    Hi,
    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 😀

    puntje Friend
    #533003

    I 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 Friend
    #533004

    I know. Please try it 🙂

    puntje Friend
    #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 Friend
    #533422

    Change 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.


    1. JA-normal-button-for-computer
    2. ja-big-hamburger-if-it-got-smaller-
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