Wrap text around widget

Hi @nick_pope,

You could do this by utilizing some custom markup and CSS. Do you have any experience with HTML and CSS? If not, feel free to send me over a link to the website and what it looks like. I’ll take a look and try to help you figure it out.

Jonathan
Wired Impact

Thanks for the prompt response Jonathan.

I have basic experience – would really appreciate your support though.

Here’s the link: https://catcomm.org/raffle-enter/

I’m looking to float the widget on the RH side of the post and wrap the text around it.

I’m taking a look in the edit section of simple-razoo-donations/simple-razoo-donations.php but not having much success.

Really appreciate your help.

In your css file (almost always named style.css) of your theme you can add the following code:

#razoo_donation_widget {
  width: 300px;
  float: right;
}

It’s worth noting that this will make the donation widget move to the right side with wrapping text on every page, not just that single page.

Let me know how it goes. Good luck.

Jonathan
Wired Impact

Added that into Stylesheet (style.css) of the theme – but no luck I’m afraid.

Is there a specific place I need to add it, or could .widget-title be interfering?

Thanks again.

Nick
Catalytic Communities

Hi Nick,

I took a look at “/wp-content/themes/debut/style.css” for your website and I don’t see those CSS lines in there. Do you have a caching plugin installed? If so, you may need to clear it. I would also make sure the file you edit is the one I listed above.

Let me know how it goes.

Jonathan
Wired Impact

Seem to be seeing that now after clearing my cache and updating the file again.

Cheers Jonathan!

Great! Glad to see it’s working. Thanks for using the plugin.

Jonathan
Wired Impact