Jump to content

Fantastic Pro


IPSTheme
Go to solution Solved by IPSTheme,

Recommended Posts

  • Administrators

Fantastic Pro


 Fantastic Pro is the perfect choice for those looking to shape the design of their website and customize the user experience. This version offers exceptional flexibility by combining both light and dark themes.

Fantastic Pro transforms the design and functionality of your website with highly advanced features.

Features:

  • Code-Free Management: Many design features can be dynamically managed from the admin panel without the need for coding knowledge.
  • Custom Scroll Bar: A unique scroll bar complements the aesthetics of your website.
  • Up and Down Buttons: Custom XenForo-style up and down buttons enhance navigation for users.
  • Admin Bar: The Admin bar on the header allows administrators to quickly take control of the site.
  • Flexible Navigation Menus: Navigation menus provide options for users with dropdown and default features.
  • User Menu Positions: Moving user menus to the header and navigation provides a user-friendly experience.
  • Custom Welcome for Guests: Welcome guest users with a custom welcome message.
  • Quick Touch Blocks: Four active and passive block structures make content management easier.
  • Custom Page Titles: Customized title areas for each page allow for better content definition.
  • Hover Statistics: Display statistics data for forum categories with hover feature over forum icons.
  • Flexible Forum Icons: Choose forum icons as images or font-awesome icons.
  • Forum Actions: Offer users the ability to create topics and quickly access recent replies in forums.
  • Sidebar Toggle: Easily manage sidebar content with the sidebar toggle feature if widgets are present.
  • Sticky Sidebar: Sticky sidebar feature moves along with the page.
  • Forum Statistics Plugin: Monitor your site's performance with the forum statistics plugin located in the footer.
  • Advanced Footer Blocks: The advanced footer consisting of four blocks allows for content organization and customization.
  • Mobile-Friendly: Footer blocks don't occupy space in mobile view, and users can easily expand or collapse them.
  • Sticky Topics: Organize content better by separating forum topic areas into sticky and normal topics.
  • Ease of Search: The search field shown in the mobile view with a drop-down menu offers quick search capabilities for users.
  • Author Panel: Make content within topic areas neater with the collapse feature for the author panel.
  • Advanced Author Panel: Enhance the functionality and attractiveness of the author panel.
  • Other Features...

 

 


 

Link to comment
Share on other sites

Thanks for fantastic theme 🙂 

I have suggest and one problem 

Suggest: Changable icon
 

Skarmavbild2023-11-11kl_20_58_13.png.68ab9bd3ce60efb537de9dca3dfba143.png

Problem: When have other apps installed it looks like this . where to add css for other apps and how?

Skarmavbild2023-11-11kl_20_58_41.png.e7dc9f91eb3ec2f2ec8291507acecf23.png

Thanks Chris

EDIT: added this to custom css and got the font awesome icon show up
/* Video Directory */
body[data-pageapp="videosdirectory"] .ipsPageHeader:after { content: "\f03d"; }

but still shows double as pic above

Edited by Chris59
Link to comment
Share on other sites

  • Administrators

Thank you for your feedback. Actually, if I see this situation on the spot, I can offer a clearer solution. Can you send me the address of the website where you are experiencing this problem via private message?

Link to comment
Share on other sites

  • Administrators

Actually, this does not seem to be a theme problem. It's a situation related to the classes of the other plugin. If you pay attention, there are two of the same class, one below the other. It would be better to discuss this situation with the plugin developer.

image.png.c564af2c42fc38810736642806eec27e.png

  • Thanks 1
Link to comment
Share on other sites

  • Administrators
  • Solution

Could you try the code below for a workaround for now?

#IPS body[data-pageapp="videosdirectory"] .ipsPageHeader.ipsHeaderButtons {
    visibility: hidden;
    margin: 0;
    padding: 0 !important;
}

#IPS body[data-pageapp="videosdirectory"] .ipsPageHeader:not(.ipsHeaderButtons) {
    visibility: visible;
}

 

Link to comment
Share on other sites

1 minute ago, IPSTheme said:

Could you try the code below for a workaround for now?

#IPS body[data-pageapp="videosdirectory"] .ipsPageHeader.ipsHeaderButtons {
    visibility: hidden;
    margin: 0;
    padding: 0 !important;
}

#IPS body[data-pageapp="videosdirectory"] .ipsPageHeader:not(.ipsHeaderButtons) {
    visibility: visible;
}

 

you the man . worked super 🙂 I have also reported this to Adriano as well .. thank millions for your help  track this down , hat off 🙂 

 

  • Like 1
Link to comment
Share on other sites

  • Administrators
1 saat önce, dogbone şöyle dedi:

Really a good theme. Works great on my end. Great job.

https://site505.com

Thank you for your evaluation. I hope we can bring more beautiful designs to our valued customers. 😉

Link to comment
Share on other sites

Hey, love all your themes. 

How do I change the fontawesome icons in the menu?

Link to comment
Share on other sites

  • Administrators
15 minutes ago, Steph40 said:

How do I change the fontawesome icons in the menu?

.ipsNavBar_primary li > a.ipsNavBar_community_home::before{ content: "\f015" }
.ipsNavBar_primary li[data-navapp="nexus"] > a::before{ content: "\f07a" }
.ipsNavBar_primary li > a[href*="/gift-cards/"]::before{ content: "\f06b" }
.ipsNavBar_primary li > a[href*="/orders/"]::before{ content: "\f218" }
.ipsNavBar_primary li > a[href*="/purchases/"]::before{ content: "\f085" }
.ipsNavBar_primary li[data-navext="Support"] > a::before{ content: "\f1cd" }
.ipsNavBar_primary li[data-navapp="forums"] > a::before{ content: "\f086" }
.ipsNavBar_primary li[data-navapp="gallery"] > a::before{ content: "\f030" }
.ipsNavBar_primary li[data-navapp="downloads"] > a::before{ content: "\f019" }

You can place your icon codes in your theme's custom.css template, similar to the structure below.

Example:

 image.thumb.png.10b2536a877ce7bbce1dfac38da7d7eb.png

Quote

.ipsNavBar_primary li[data-navapp="downloads"] > a::before{ content: "\f019" }

I hope it helped.

  • Thanks 1
Link to comment
Share on other sites

  • Forum Statistics

    26
    Total Topics
    85
    Total Posts
    23
    Total Members
    Seuong_csbd
    Newest Member
    Seuong_csbd
    Joined
shape1
shape2
shape3
shape5
shape7
shape8
×
×
  • Create New...