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.

 

ah i see, okay thanks 

fixed yet?

 

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?

 

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  

 

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!

 

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?

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, 20178 yr by RaZor Edge

 

@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;
}

 

 

 

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 :/

 

 

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, 20178 yr by RaZor Edge

 

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  

all updated good here

Edited February 28, 20178 yr by EmpireKickass

 

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?

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;
}

 

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!

 

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, 20178 yr by TAMAN

Version 2.0.1 is compatible with latest IPS version 4.1.19

The Colorizer option to chnage to black or white is not working

 

The Colorizer option to chnage to black or white is not working

works fine in my side 

 

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

 

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, 20178 yr by TAMAN

 

/* SHOE ON DESKTOPS */
@media screen and (min-width: 980px) {

  /*Paste the code here*/
  
}

 

Working great! Thank you!

 

/* SHOE ON DESKTOPS */
@media screen and (min-width: 980px) {

  /*Paste the code here*/
  
}

 

 

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, 20178 yr by TAMAN

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 @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;
}

 

 

Hi!

Add this to custom.css till next update  

Did that but it completely breacks the page css.