TAMAN Posted February 25, 2017 Author Share Posted February 25, 2017 7 minutes ago, Snipermunyshotz said: The logo when viewing on a phone is half covered up by the slider. Please do a fresh install using upload a new version does not work. Link to comment Share on other sites More sharing options...
EmpireKicking Posted February 27, 2017 Share Posted February 27, 2017 On 2/24/2017 at 10:41 PM, TAMAN said: ah i see, okay thanks fixed yet? Link to comment Share on other sites More sharing options...
RaZor Edge Posted February 27, 2017 Share Posted February 27, 2017 On 2017-02-23 at 11:12 PM, TAMAN said: Theme updated to version 2. Please install it as a new theme. Hi @TAMAN, Is there a way to keep all settings modifications if we install it like a new theme? Or I should do the change manually? Link to comment Share on other sites More sharing options...
TAMAN Posted February 27, 2017 Author Share Posted February 27, 2017 11 minutes ago, RaZor Edge said: Hi @TAMAN, Is there a way to keep all settings modifications if we install it like a new theme? Or I should do the change manually? you can simply install it as a new theme without deleting your old version then open both theme settings in tab and copy paste colors or compare settings you have on old version thats the only solution and not really hard Link to comment Share on other sites More sharing options...
RaZor Edge Posted February 27, 2017 Share Posted February 27, 2017 Just now, TAMAN said: you can simply install it as a new theme without deleting your old version then open both theme settings in tab and copy paste colors or compare settings you have on old version thats the only solution and not really hard Ok! Thank you for the tip! Link to comment Share on other sites More sharing options...
RaZor Edge Posted February 27, 2017 Share Posted February 27, 2017 On 2017-01-16 at 9:51 PM, TAMAN said: add to custom.css .usernavigation.ipsLayout_container{ max-width: 100%; } /*Adjust the top*/ .usernavigation.ipsLayout_container{ top: 100px; bottom: initial; } /*userbar size*/ .usernavigation #elUserNav{ padding: 7px 15px; } .usernavigation #elUserNav:before { border-left: none; } /*transparency*/ html[dir="rtl"] .usernavigation #elUserNav, html[dir="ltr"] .usernavigation #elUserNav{ background-color: {hextorgb="userbar_bg" opacity="0.80"}; background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */ background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */ border-right: none; border-radius: 3px; } Enjoy im glad you like it Edit: btw i might add it as a setting for next update so users can simply switch the user bar style you got good ideas xD thanks @TAMAN, seems like this mod for the usernav don't work with version 2.0. Did you change something? Link to comment Share on other sites More sharing options...
RaZor Edge Posted February 27, 2017 Share Posted February 27, 2017 (edited) In addition to my previous post, it also seems like the update add a space right and left of the header (not the footer), when set to Wide. See: (tested in IExplorer and Chrome, with a default Template installation) Edited February 27, 2017 by RaZor Edge Link to comment Share on other sites More sharing options...
TAMAN Posted February 27, 2017 Author Share Posted February 27, 2017 58 minutes ago, RaZor Edge said: @TAMAN, seems like this mod for the usernav don't work with version 2.0. Did you change something? i just changed the usernav class name this should work now .ta-userNav .ipsLayout_container{ max-width: 100%; } .ta-userNav .ipsLayout_container{ top: 100px; bottom: initial; } .ta-userNav #elUserNav{ padding: 7px 15px; } .ta-userNav #elUserNav:before { border-left: none; } html[dir="rtl"] .ta-userNav #elUserNav, html[dir="ltr"] .ta-userNav #elUserNav{ background-color: {hextorgb="userbar_bg" opacity="0.80"}; background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); border-right: none; border-radius: 3px; } 40 minutes ago, RaZor Edge said: In addition to my previous post, it also seems like the update add a space right and left of the header (not the footer), when set to Wide. See: Sorry what space exatly? there is nothing wrong in the screenshot :/ Link to comment Share on other sites More sharing options...
RaZor Edge Posted February 27, 2017 Share Posted February 27, 2017 (edited) 54 minutes ago, TAMAN said: Sorry what space exatly? there is nothing wrong in the screenshot :/ That should help: There is a space at the left and right of the header. The background of the header should be 100% wide. Edited February 27, 2017 by RaZor Edge Link to comment Share on other sites More sharing options...
TAMAN Posted February 28, 2017 Author Share Posted February 28, 2017 1 hour ago, RaZor Edge said: That should help: There is a space at the left and right of the header. The background of the header should be 100% wide. you're right it happens when the header is wide and navigation is fixed anyways i fixed that and upgraded to version 2.0.1 you can download Link to comment Share on other sites More sharing options...
EmpireKicking Posted February 28, 2017 Share Posted February 28, 2017 (edited) all updated good here Edited February 28, 2017 by EmpireKickass TAMAN 1 Link to comment Share on other sites More sharing options...
RaZor Edge Posted March 2, 2017 Share Posted March 2, 2017 On 2017-02-27 at 4:48 PM, TAMAN said: i just changed the usernav class name this should work now .ta-userNav .ipsLayout_container{ max-width: 100%; } .ta-userNav .ipsLayout_container{ top: 100px; bottom: initial; } .ta-userNav #elUserNav{ padding: 7px 15px; } .ta-userNav #elUserNav:before { border-left: none; } html[dir="rtl"] .ta-userNav #elUserNav, html[dir="ltr"] .ta-userNav #elUserNav{ background-color: {hextorgb="userbar_bg" opacity="0.80"}; background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); border-right: none; border-radius: 3px; } Hi Taman, There is something wrong with the position of the userNav.. See now: And how it was intended to be in the previous version: (note that I added "padding-right: 20px;" on the first version) Is it something that I can fix easily? Link to comment Share on other sites More sharing options...
TAMAN Posted March 3, 2017 Author Share Posted March 3, 2017 Sorry This should be fine now .ta-userNav { top: 100px; bottom: initial; } .ta-userNav #elUserNav{ padding: 7px 15px; } .ta-userNav #elUserNav:before { border-left: none; } html[dir="rtl"] .ta-userNav #elUserNav, html[dir="ltr"] .ta-userNav #elUserNav{ background-color: {hextorgb="userbar_bg" opacity="0.80"}; background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); border-right: none; border-radius: 3px; } RaZor Edge 1 Link to comment Share on other sites More sharing options...
RaZor Edge Posted March 9, 2017 Share Posted March 9, 2017 Hello @TAMAN,I recently had an idea for my theme.In fact, I would like the logo in the upper left corner to slightly overflow the header.Here is an example of what I mean: Would it be difficult to accomplish with a simple CSS change?If it requires too many changes, it is ok! Link to comment Share on other sites More sharing options...
TAMAN Posted March 9, 2017 Author Share Posted March 9, 2017 (edited) 26 minutes ago, RaZor Edge said: Hello @TAMAN,I recently had an idea for my theme.In fact, I would like the logo in the upper left corner to slightly overflow the header.Here is an example of what I mean: Would it be difficult to accomplish with a simple CSS change?If it requires too many changes, it is ok! Yes, But Only if you dont have a lot of navigation menu items, otherwise without a hell of customization is not possible : ) anyways this should work fine .ta-headerContainer{ width: 100%; } .logoWrap { position: absolute; top: 15px; /*Change the top position of your logo here*/ bottom: 0; } @media screen and (max-width: 979px){ .logoWrap{ position: initial; } } Edited March 9, 2017 by TAMAN RaZor Edge 1 Link to comment Share on other sites More sharing options...
TAMAN Posted March 14, 2017 Author Share Posted March 14, 2017 Version 2.0.1 is compatible with latest IPS version 4.1.19 Link to comment Share on other sites More sharing options...
EmpireKicking Posted March 15, 2017 Share Posted March 15, 2017 The Colorizer option to chnage to black or white is not working Link to comment Share on other sites More sharing options...
TAMAN Posted March 15, 2017 Author Share Posted March 15, 2017 40 minutes ago, EmpireKickass said: The Colorizer option to chnage to black or white is not working works fine in my side Link to comment Share on other sites More sharing options...
RaZor Edge Posted March 16, 2017 Share Posted March 16, 2017 On 2017-03-08 at 8:51 PM, TAMAN said: Yes, But Only if you dont have a lot of navigation menu items, otherwise without a hell of customization is not possible : ) anyways this should work fine .ta-headerContainer{ width: 100%; } .logoWrap { position: absolute; top: 15px; /*Change the top position of your logo here*/ bottom: 0; } @media screen and (max-width: 979px){ .logoWrap{ position: initial; } } Would it be possible to only show this on desktop sizes. I've try to find a way in the guides, but with no success... Link to comment Share on other sites More sharing options...
TAMAN Posted March 16, 2017 Author Share Posted March 16, 2017 (edited) 25 minutes ago, RaZor Edge said: Would it be possible to only show this on desktop sizes. I've try to find a way in the guides, but with no success... /* SHOE ON DESKTOPS */ @media screen and (min-width: 980px) { /*Paste the code here*/ } Edited March 16, 2017 by TAMAN RaZor Edge 1 Link to comment Share on other sites More sharing options...
RaZor Edge Posted March 18, 2017 Share Posted March 18, 2017 On 2017-03-15 at 9:01 PM, TAMAN said: /* SHOE ON DESKTOPS */ @media screen and (min-width: 980px) { /*Paste the code here*/ } Working great! Thank you! Link to comment Share on other sites More sharing options...
TAMAN Posted March 18, 2017 Author Share Posted March 18, 2017 (edited) On 3/16/2017 at 4:01 AM, TAMAN said: /* SHOE ON DESKTOPS */ @media screen and (min-width: 980px) { /*Paste the code here*/ } 1 hour ago, RaZor Edge said: Working great! Thank you! Yo're welcome please excuse my typo, i meant to say "Show on desktop" not shoe on desktop LOL Edited March 18, 2017 by TAMAN Link to comment Share on other sites More sharing options...
Steph40 Posted March 19, 2017 Share Posted March 19, 2017 Hi @TAMAN When I get to the Live Meta Tag Editor, the form background is white and font is also white, where do I change it so I can read what I write? Thanks Link to comment Share on other sites More sharing options...
TAMAN Posted March 20, 2017 Author Share Posted March 20, 2017 1 hour ago, Steph40 said: Hi @TAMAN When I get to the Live Meta Tag Editor, the form background is white and font is also white, where do I change it so I can read what I write? Thanks Hi! Add this to custom.css till next update input[type="text"]{ color: #525252 !important; } Link to comment Share on other sites More sharing options...
Steph40 Posted March 20, 2017 Share Posted March 20, 2017 21 hours ago, TAMAN said: Hi! Add this to custom.css till next update Did that but it completely breacks the page css. Link to comment Share on other sites More sharing options...
Recommended Posts