Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 17, 2022 at 9:25 am #1341079
    SergeSchipper

    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 #1341160
    Yigit

    Hey,

    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,
    Yigit

    February 17, 2022 at 10:42 pm #1341233
    SergeSchipper

    Hi, 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 #1341324
    Yigit

    Hi,

    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,
    Yigit

    February 18, 2022 at 12:55 pm #1341333
    SergeSchipper

    Hi,

    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
    Mike

    Hi,
    Each element should have it’s style set in it’s options, so copying the element shortcode should also carry this over, but for global styles you will need to use the Dev inspector.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.