Jump to content

Community

TAMAN

mdPanel - Material Design IPS Theme [ support topic ]

Recommended Posts

Just now, DanLemX said:

how to select the icons for menu navigation? Say I have custom links, and want to chose my own icon. 

Simple,

Say your custom link is named Activity

You can change the menu icon by targeting the menu text like this

[data-navtitle="Activity"] .ta_navIcon:before {
	content: "\f080"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}

 

Share this post


Link to post
Share on other sites
Just now, SammyS said:

Would like to see some example on mobile

On mobiles and some small screen tablets, the theme uses default IPS mobile design. 

As steph mentioned, check the demo site ? 

Share this post


Link to post
Share on other sites

@TAMAN Using this the on a bilingual site, adjusting the menu icons for the english menu works fine but it does not work for the french menu. Here is an exempleof what I added in my custom.css for the browse menu:

[data-navtitle="Browse"] .ta_navIcon:before {
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}
[data-navtitle="Navigation"] .ta_navIcon:before {
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}

Am I missing anything?

Share this post


Link to post
Share on other sites
Posted (edited)
Just now, Steph40 said:

@TAMAN Using this the on a bilingual site, adjusting the menu icons for the english menu works fine but it does not work for the french menu. Here is an exempleof what I added in my custom.css for the browse menu:


[data-navtitle="Browse"] .ta_navIcon:before {
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}
[data-navtitle="Navigation"] .ta_navIcon:before {
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}

Am I missing anything?

its normal, by default, all menus uses the default icon which is this 55eb7d1ea25019eb5fcd3ea1aed5d0a0.png 

to change the menu icon you need to target the menu by its text. so i have optionally changed ALL default IPS and application menu icons by targeting the english menus 

 

In your code

[data-navtitle="Browse"] .ta_navIcon:before{
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}
[data-navtitle="Navigation"] .ta_navIcon:before{
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}

Simply, change the Browse, and Navigation text in the css to whatever it shows in your site ? 

 

If your site is multi language 

then change the menu icons like this

[data-navtitle="Browse"] .ta_navIcon:before,
[data-navtitle="What is Browse in french?"] .ta_navIcon:before {
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}
[data-navtitle="What is Navigation in french?"] .ta_navIcon:before{
	content: "\f21a"; /*  This is font awesome icon unicod https://fontawesome.com/v4.7.0/icons  */
}

simple 

Edited by TAMAN

Share this post


Link to post
Share on other sites
Just now, Steph40 said:

@TAMAN Is it possible to make the menu sticky even when minimized? It can't seem to it. It would be good.

Unfortunately no, I would have done it if it was possible. without causing problem for sub menus 

 

Share this post


Link to post
Share on other sites
Just now, Josiah Wallingford said:

How do I change this from looking so bad? This is in blogs.

1.thumb.png.a0dfbe3ae49ef52afd678201b52d53b1.png

I think i gave you a custom css with a message about this?

just use that, I might edit this for next version 

Share this post


Link to post
Share on other sites
11 minutes ago, TAMAN said:

I think i gave you a custom css with a message about this?

just use that, I might edit this for next version 

Yes, you did. The CSS you gave me was for Magnum theme though and doesn't seem to work on mdPanel:

[data-pagemodule="gallery"] header>#elBlogHeaderStats {
    background: #222 !important;
    color: #fff !important;
}

 

Share this post


Link to post
Share on other sites
Posted (edited)
Just now, Josiah Wallingford said:

Ah, now the mouseover text when hovering over menu buttons is below the menu.

Re-download again.

 

Just now, Josiah Wallingford said:

Yes, you did. The CSS you gave me was for Magnum theme though and doesn't seem to work on mdPanel:


[data-pagemodule="gallery"] header>#elBlogHeaderStats {
    background: #222 !important;
    color: #fff !important;
}

 

i dont think this is the one ? this changes the status background and colors 

any link to check?

Edited by TAMAN

Share this post


Link to post
Share on other sites
2 minutes ago, Josiah Wallingford said:

Yes, you did. The CSS you gave me was for Magnum theme though and doesn't seem to work on mdPanel:


[data-pagemodule="gallery"] header>#elBlogHeaderStats {
    background: #222 !important;
    color: #fff !important;
}

 

Correction. I found the missing part from the conversation.

In case anybody else is having this issue. Here is the full css that works:

}
header>#elBlogHeaderStats {
    background: #222 !important;
    color: #fff !important;
}
[data-pagemodule="gallery"] header>#elBlogHeaderStats {
    background: #222 !important;
    color: #fff !important;
}

 

Just now, TAMAN said:

Re-download again.

 

i dont think this is the one ? this changes the status background and colors 

Yeah, we had to do that because the first change in the css made the status background and color look off. I think that is what happened anyway.

Share this post


Link to post
Share on other sites
Just now, Josiah Wallingford said:

In case anybody else is having this issue. Here is the full css that works:

This is not problem, it doesnt causes any issues. 

just some solid colors added by ips, change or not is all optional it has nothing to due the theme

but again. i might remove the colors on next version 

Share this post


Link to post
Share on other sites
6 hours ago, TAMAN said:

This is not problem, it doesnt causes any issues. 

just some solid colors added by ips, change or not is all optional it has nothing to due the theme

but again. i might remove the colors on next version 

Sorry, I did not mean to imply it was the fault of the theme.

Share this post


Link to post
Share on other sites
Just now, Josiah Wallingford said:

Minor Bug?:

The P in Promote on the Promote button is right on the line between the two colors.

Promote.png.b6da44d267902fed8e1f31e488873912.png

Does it happen with default theme? if so then you might want to report to ips

 

Just now, Josiah Wallingford said:

What controls the arrow color? It looks fine on my other color scheme themes but this one for some reason blends until moused over.

it is a mixed color between User bar font color & important button background color.

You probably have userbar background color same as Important button background color thats why, this is not a good idea because there is also sign up button in userbar that uses important background color. 

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×