compatibility issue with MyBookTable plugin.

Hi silviod. Although there are recommended standards for WP developers, not every theme is compatible with every plugin, and visa versa. It looks like virtually every post on the plugin support forum is marked as “resolved” so they must have a very active support group. Have you tried posting your question on that forum? Perhaps someone there can help determine the cause of the issues.

Of course, I posted the question on the support group and I was told to ask the theme support group.

Unfortunately I do not have the technical knowledges to solve the problem alone. I thank those who want help .

It appears that the default theme content container has been replaced with a new container which is not allowing the default theme styles to be applied. In the default configuration the theme uses a float:right style on the theme content element which uses a class selector:

.col-3cm .content {
  float: right;
}

This allows the primary sidebar, which uses a float:left, to move up alongside the content. However, the default theme content container has been replaced with a container that uses an ID selector so the above style is not being applied. Since all the plugin elements within the content area use a float:left style, the primary sidebar has nowhere to go but below all the plugin elements. The secondary sidebar, which uses a float:right, is pushed completely off the display.

One workaround is to push the current content container right with this:

#content {
  float: right;
}

This should allow the primary sidebar to then move up and the secondary sidebar to be properly positioned.

Thank you!

I put the code in the style.css of the child theme: the title of the page reappeared.
But sidebars still pushed at bottom of the text, and and the style is not applied to the text.
Is right where I put the code ? Is there anything else I can try ?

Thank you very much!

I just checked your site. I don’t see any problems. The page title is there and the sidebars are where they are supposed to be.

update: I emptied the cache and now it work! Both sidebars and title are back!

Thank you very much!!!

only the style is still not applied… but so I’m already very happy.

Do you have any idea on how to fix this last issue?

The style is still not applied? Which style in particular? Can you point to a specific example?

In particular margins, lists and blockquote in the content text do not work

That’s a pretty generalized statement. What would be helpful is if you can copy a specific class or id and style from your css that you don’t think is being applied, and indicate what it’s supposed to do and the specific location on the page that it’s supposed to be applied.

Ok… I’ll try ??
(apologize for my lack of knowledge, I am learning)

Let’s start whit the blockquote,this does not work in the pages operated by mybooktable plugin:

.entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.entry blockquote p { margin-bottom: 0.75em; }
.entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; }
.entry blockquote.twitter-tweet:before { content: "\f099"; }

(from style.css)

For example:

a correct page: here (under the first image there is a quote)
a plugin page: here (the quote is displayed identically to the rest of the text)

So the reason why that CSS is not working is because the “entry” class is missing on the page. Is that page using a template specific to that plugin, or is that page using a template specific to the theme?

Alternatively there are ways to make that CSS work ambiguous to the template.

I think that the page uses the template specific to the plugin: the plugin directory contain files as “…templates/single-book.php” and “…templates/single-book/content.php” and many others.

The template specific for the content of the plugin page (book review) contains only the following code:

<div class="mbt-book-overview">
	<?php
		if(function_exists('st_remove_st_add_link')) { st_remove_st_add_link(''); }
		global $post; echo(apply_filters("the_content", $post->post_content));
	?>
</div>

The “single-book.php” seems to be a container for the various templates that compose the page:

<?php

do_action('mbt_content_wrapper_start');
do_action('mbt_single_book_content');
do_action('mbt_content_wrapper_end');

do you think there is a way to apply the theme styles to the pages managed by plugin?

The short answer to your question is “yes” but there’s no easy way to do it. You’d have to manually review the css that isn’t being applied, as both Andrew and I did, to determine why, and then make the appropriate adjustments.

Hi Silvio,

You can override any of MyBookTable’s templates by copying the files in the /templates/ folder in the MyBookTable plugin into a folder called /mybooktable/ in your theme folder. You can learn the details from our developer documentation on the subject here: https://github.com/authormedia/mybooktable/wiki/Template-System-Overview (You can find this developer documentation again if you ever need it from the Help page in the MyBookTable plugin)

Using this you can then customize anything you need for theme compatibility, for example you could add the “entry” css class to your MyBookTable books by modifying the ‘<yourtheme>/mybooktable/single-book/before.php’ file, changing line 1 from:

<div id="mbt-container">

to

<div id="mbt-container entry">

This may have other unintended styling consequences depending on what styling your theme applies to the “entry” class but that is the basic idea.

If I remember correctly, you should have the Developer Add-on for MyBookTable, which means if you have any further questions about any of this you can contact our Premium Support by going to the MyBookTable Help page and clicking “Submit a ticket”, which should get you more prompt support than posting to our WordPress Support Forum.