- Affected Version
- WoltLab Suite 3.0
I'm wondering if it's possible to force a specific theme to a single page/pages only? I know we can do this with the forums, but is it possible to do it with pages as well?
I'm wondering if it's possible to force a specific theme to a single page/pages only? I know we can do this with the forums, but is it possible to do it with pages as well?
With the help of the plugin by Sonnenspeer it is possible:
Well I didn't know there were plugins for this so I just made pages inside boxes and stuck it on my home page. Then I linked the external CSS for those pages in the site CSS using:@import url('../css/cssName.css');
You can also import the css from inside the box instead of the site style and it should work fine as well.
<style>
@import url('../css/typography.css');
@import url('../css/layout.css');
@import url('../css/color.css');
</style>
I still use the same header minus the logo and footer, but the content in the box has its own style. I actually got this idea while I was previewing your site when you were giving me a hand working out the news section. This approach might be a bit much, I don't know.
Well I didn't know there were plugins for this so I just made pages inside boxes and stuck it on my home page. Then I linked the external CSS for those pages in the site CSS using:@import url('../css/cssName.css');
You can also import the css from inside the box instead of the site style and it should work fine as well.
Code<style> @import url('../css/typography.css'); @import url('../css/layout.css'); @import url('../css/color.css'); </style>
I still use the same header minus the logo and footer, but the content in the box has its own style. I actually got this idea while I was previewing your site when you were giving me a hand working out the news section. This approach might be a bit much, I don't know.
That's one way I know I can do it, but I don't want to use the @import to call in files. Causes an extra query which slows down the webpage load speed. I might do it though since woltlab is fairly fast anyways.
With the help of the plugin by Sonnenspeer it is possible:
Oh I didn't know there was a plugin. Thanks I'll look into it.
Seems like that plugin is for Fireball CMS which is outdated ?
Hi. It is for the WoltLab Suite CMS
Hi Sonnenspeer ,
Thanks for the reply. I am an idiot. I had your old fireball cms package and it started with the same prefix and I clicked on it by mistake. It's all working now.
It's working exactly how I want it to. Thanks for making this plugin.
Seems like that plugin is for Fireball CMS which is outdated ?
Hi. It is for the WoltLab Suite CMS
Yeah that's why I linked it
Hi Sonnenspeer ,
Thanks for the reply. I am an idiot. I had your old fireball cms package and it started with the same prefix and I clicked on it by mistake. It's all working now.
It's working exactly how I want it to. Thanks for making this plugin.
Glad it worked out as intended to
Ok second question, is it possible to have a second main menu assigned to this page?
Not sure what you are exactly trying to achieve.
Can you elaborate? Whats your plan with the 2nd main menu?
Not sure what you are exactly trying to achieve.
Can you elaborate? Whats your plan with the 2nd main menu?
Ah sorry.
So this is what I'm doing - or rather, trying to accomplish.
I'm going to redirect an old domain (community) to a new page I'm creating inside of my Woltlab Suite. So I want the user experience to be so that it's basically a separate site when in reality it isn't. So, I want to have a custom main menu for this page that links to parts of my site that are specific to this page only. So, for example, I have a forum set up that is hidden from the main board, but I will use the link inside of this custom made page and it will be the forum for this community. I'm also planning on using the file base for this community page, but not for my main site.
Hope this make sense.
So basically I want to have a separate main menu for this page that doesn't affect the rest of the site's main menu.
Unfortunately, I do not know how to accomplish that, if even possible...
Unfortunately, I do not know how to accomplish that, if even possible...
I'm not sure myself. I thought that I could just add menu items to the main menu and then hide them with "display:none" on pages I didn't need them on. I'm not sure how to go about this.
Maybe Alexander Ebert could make a suggestion?
The main menu is somewhat specially, it has a lot of hidden strings attached to it and uses a unique placeholder. However, you could hide the real main menu on that specific page using CSS and then assign a box to the top-most placeholder (I think it is just "top") which will hold your "secondary" main menu. Actually, it can be even a real menu, but again styled using custom CSS.
PS: You can target individual CMS sites in your style, for instance the main page at woltlab.com is a CMS page with pageID = 10000, so we're using CSS selectors such as body[data-page-id="10000"] .boxesHero { /* yada yada yada */ } to apply custom styles to that page only.
So what I did is use the css property to remove the main menu items in my second custom theme. I also had to use it to remove the created menu items on my main theme.
The result is two pages with different menu's
Hey Alexander Ebert ,
Thanks for the reply. I did try that at first, but it wasn't assigning the menu to the "Main Menu" holder for some reason. So I just decided to make additional menu items and hide them with CSS as you suggested by targeting specific pages.
but it wasn't assigning the menu to the "Main Menu" holder for some reason
It's a special and very weird behaving placeholder that does not accept any other boxes except for the actual main menu. I wouldn't attempt to assign it via database editing, because as I said earlier, the main menu is a real strange thing.
It's a special and very weird behaving placeholder that does not accept any other boxes except for the actual main menu. I wouldn't attempt to assign it via database editing, because as I said earlier, the main menu is a real strange thing.
Good to know. Thanks for the suggestions. I think my CSS way will work without having to edit anything.
Don’t have an account yet? Register yourself now and be a part of our community!