It is possible to integrate Graphene shortcodes into another theme?

  • Resolved sanuja

    (@sanujacom)


    4 years, 4 months ago

    First of all, I love the theme. I was forced to move away due to a CSS conflict that I cannot get my head around. I am planning to come back to Graphane theme as soon as I figure this code conflict issue.

    So the question is, meanwhile is there way I can integrate the lightweight Graphene shortcodes plugin into WordPress Twenty Fourteen theme? May be through functions.php file of the current theme?

    I have used the shortcodes for a very long time and would like to keep them. I do see by installing the Graphene shortcode plugin, it gets recognized on the front-end, but styles are missing. You can see that some styling is being pulled from the Graphene shortcodes here at the top: https://sanuja.com/blog/exams

    Backstory on why I had to temporary deactivate this theme:
    I use a mega menu called UberMenu due to large number of different exam pages I host. About a year back (I think) the old Graphene them was updated to the new framework. I tried my best to integrate the UberMenu to the theme even using diagnostic tools, but for some reason this theme’s CSS menu wrap is interfering with the UrberMenu.

    So I gave up and moved on to WordPress Twenty Fourteen theme (I am still debugging the graphene theme on a localhost home server with UrberMenu).

    I know this is not really a support question directly related to this theme itself. You have helped me a lot in the past and I really appreciate any advice. Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author silverks

    (@silverks)

    The Graphene Shortcodes plugin uses CSS components from Bootstrap. When you switched to Twenty Fourteen, the Bootsrap styles are no longer loaded.

    There are several options to go about this:

    1. Use another Bootstrap shortcode plugin. However, you might need to edit existing shortcodes in your content to that plugin’s equivalent.

    2. Load the Bootstrap styles and scripts from the Graphene theme using your child theme.

    3. Use another mega menu plugin with Graphene. For example, the Graphene Plus theme has built-in integration with the Max Mega Menu plugin. If you’re using the free Graphene theme, it might not integrate as perfectly, but it’s worth a try.

    • This reply was modified 4 years, 4 months ago by silverks.
    Thread Starter sanuja

    (@sanujacom)

    Thank you so much for the response.

    I will look-in to those options. I have 200+ pages/posts with here and there Graphene shortcodes. I rather not edit all of them one at a time.

    Thanks again for the great theme. ??

    Thread Starter sanuja

    (@sanujacom)

    Thank you so much for pointing me in the right direction. Importing the bootstrap CSS using the following in my child theme works.
    @import url("../graphene/bootstrap/css/bootstrap.min.css");
    I am going to extract what I need from there and delete the rest later.

    As always, you are very helpful and thanks again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘It is possible to integrate Graphene shortcodes into another theme?’ is closed to new replies.