
-
AuthorPosts
-
February 17, 2022 at 9:25 am #1341079
Hello, our company has many different branches, for which I’d like to use different demos.
I know you can’t import multiple demos at once and that you have to copy the code.
However, this does not seem to apply for menu positioning, since that’s a theme setting.Let’s say I’d like to choose demo A for our homepage, demo B for company 1 and demo C for company 2.
How can I do this, so that the templates are exactly like the demos, including menu positioning?Thanks in advance.
February 17, 2022 at 2:03 pm #1341160Hey,
Thanks for contacting us!
Theme options are different in each demo. You can import multiple demos but styling would depend on the latest imported demo. If possible, I would suggest creating sub domains and importing different demos in each of them :)
Best regards,
YigitFebruary 17, 2022 at 10:42 pm #1341233Hi, thanks for replying.
But that would mean I’d have to create multiple WordPress sites, one for each subdomain. That’s not an option.However, I may have found an acceptable solution. But it would be easier if I could find the specific CSS that is used for each demo (or page of a demo).
In an earlier post on this board your colleague mentioned copying the shortcodes and css in order to use multiple demo pages on one site.
See https://kriesi.at/support/topic/multiple-demos-on-same-website/What css would I have to copy? Are there css-theme-files that load on top of the basic css files?
Thanks in advance.
February 18, 2022 at 12:38 pm #1341324Hi,
Copying the shortcodes is easy, you can simply refer to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode, enable ALB debugging mode and then copy the shortcodes of the page in debugging field that will appear right below Advanced Layout Builder. Copying CSS is more complicated. For example main color, alternate color, footer color, header color etc. are different in each demo as they are dynamically generated depending on theme options and you would need to override them using page ID’s in your custom CSS as following
.page-id-59 .main_color { color: red; border-color: orange; }
Best regards,
YigitFebruary 18, 2022 at 12:55 pm #1341333Hi,
Thanks. Only question left is where I’d get the source CSS.
Do I open the demo and copy the css-codes for each element from there, for instance by using the inspector in Chrome?
Or is there a quicker way?February 19, 2022 at 8:40 pm #1341430 -
AuthorPosts
- You must be logged in to reply to this topic.