Claire Ryan

Forum Replies Created

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Claire Ryan

    (@raynfall)

    Hi Teresa!

    I’ve been dealing with a major breakdown with my website over the last few days. The issues should all be resolved now, and you can see the user manual here: https://claireryanauthor.com/wordpress-plugins/btbe-user-manual/

    Cheers

    Claire

    Plugin Author Claire Ryan

    (@raynfall)

    Hi Sarah

    Sorry I didn’t see this sooner! Looks like WordPress still isn’t sending me notifications for support threads.

    I’ll look into it. Can you confirm what version of the plugin you’re using? Does this affect any other fields? Do you see any other error messages?

    Thanks

    Claire

    Plugin Author Claire Ryan

    (@raynfall)

    Hi Brian – I’m actually working on a new version of the plugin that allows for properly adjusted images. It’s not on WordPress yet, but you can download the zip here: https://raynfall.com/buy-this-book-extended/

    It might be a bit of a job to transfer your books into the new plugin, but it should look better. Please email me at [email protected] if you have any issues with it.

    Plugin Author Claire Ryan

    (@raynfall)

    Hi there – can you send me a link to your site so I can see this in action?

    Alternatively, email me at [email protected] and I’ll look into it.

    Plugin Author Claire Ryan

    (@raynfall)

    Hey there

    Sorry for the late reply, I’ve been busy as hell with reworking my site. Can you give me any more info about the logos? Maybe show me a page with the widget on it that I can look at?

    Thanks

    Claire

    Plugin Author Claire Ryan

    (@raynfall)

    Hey there – not sure what you mean? Can you give me a screenshot of what you’re trying to do?

    Plugin Author Claire Ryan

    (@raynfall)

    Hey – just FYI, if you have google Chrome, you can right click on your site and hit ‘Inspect Element’. That’ll show you the source HTML, and the <body> tag should have a class listing there like so:

    <body class="page-id-19 page blog">

    Or something like that.

    The ‘page-id-X’ class is the one you want to use for each page when you’re changing the CSS. You’ll be able to see this regardless of what kind of permalink structure you use.

    Any other issues, just let me know. ??

    Plugin Author Claire Ryan

    (@raynfall)

    Okay, there’s two solutions to this.

    The first is that you make the images bigger so that they fill the whole space. The widget should still work as normal.

    This isn’t ideal, of course, so here’s how you can modify the CSS to make it work with the image sizes you have right now.

    You need to be very careful about the CSS selectors, because you need to distinguish between the pages that show a single column of books on either side, and the pages where the normal formatting appears with multiple books on each line. I don’t think you’ll be able to have a mix of the two – not until I make some changes to the CSS of the plugin, anyway.

    So here’s one page with a column of books: https://www.marlissmelton.com/dev/communications/

    The specific CSS selector to get the cover elements of the Buy This Book widget on the left hand side is as follows:

    .page-id-29 #sidebar2 .buybook .toggle

    This is all you need to start moving stuff around. But the problem here is that in order to make the slideout work, some of the CSS has to be set a certain way, and it won’t be possible to just use margin:auto to center each element.

    So here’s what you do – your sidebars are a set width right now. So to center an element in there, you just have to give it a margin on the left to push it out into the middle. Here’s the CSS:

    .page-id-29 #sidebar2 .buybook .toggle { margin-left: 16px; }

    What this will do is apply that style to the Buy This Book widgets on that sidebar in that page only. The rest of the site won’t be affected.

    Here’s how you get the other side:

    .page-id-29 #sidebar1 .buybook .toggle { margin-left: 45px; }

    That 16px and 45px is the size of the margin on the left, obviously. You can adjust it to whatever seems to work best. The important thing to remember is to only apply this to the pages where you have columns of books, not rows. It’ll probably look pretty funny otherwise.

    This isn’t true centering, unfortunately, but it’ll work for now. I’ll add some CSS improvements to my to-do list for the plugin, so that you won’t need to do this any more. Ideally, it should be possible to add any number of books and then choose the layout, but I suspect I’ll have to write a new version of the plugin entirely to make it work.

    Anyway if you don’t know how to get the page IDs or if you have any other questions, just let me know here.

    Plugin Author Claire Ryan

    (@raynfall)

    Hi Sydney

    I generally don’t add too much to the styling. It’s better to let the theme handle all of that. You’d probably want to add a little CSS to your theme to get the right effect, so can you describe exactly what you’re trying to do?

    By default, the plugin adds a small margin and floats everything left so that all the covers line up properly on a single line. In theory, you’d get a center positioning if you just change the margins a little, but it depends on how many covers you want to place on one line.

Viewing 9 replies - 1 through 9 (of 9 total)