Jump to content

Behemoth Theme [ support topic ]


TAMAN

Recommended Posts

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

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

MaxthonSnap20170117054851.png

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

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

1 hour ago, RaZor Edge said:

That should help:

IPS-SPACE-2.thumb.png.61aef0e4841aba2dee38949509a1adea.png

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

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:

navuser1.png.7230293c8acecbcbb8e6ffc3321c68d6.png

And how it was intended to be in the previous version:

usernav2.png.ef735439d513a9fd2602593691f1cb1a.png

(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

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

 

Link to comment
Share on other sites

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:

logo.thumb.png.a454a86143de1960cc961bb51d619b0b.png

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 by TAMAN
Link to comment
Share on other sites

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

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 by TAMAN
Link to comment
Share on other sites

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...