How to Display Share Boxes on Left Side of Image Using Muffin Builder

Cally_Templeton · January 2018

Hi,

I am trying to display the Share Boxes on the left hand side of the Image of my blog post, but cannot work out, using Muffin Builder, how to do this.

Here is a screen shot of the way my blog post looks: http://prntscr.com/hwchpv

Here is an example on your BeTheme Demo on how I want the Share Boxes to appear (on the left-side of the image): http://prntscr.com/hwcimx

I also want to remove the background colour of the Share Boxes or change it to be the same background colour of my blog post. If it has to stay white this is not totally bad, but I only want the white background to cover the Share Boxes only, not the length of the image.

Can you please advise how, using Muffin Builder, I can make the changes requested above?

Thanks in advance for your time and assistance.

Kind regards,

Cally

Bryan · January 2018

Hello Cally,
thanks for the screenshots but we would need to also se your website to check the code. Please send a link to a single post.
thanks

Cally_Templeton · January 2018

Hi,

Thank you for your response but I have just found out what I did wrong.

I had not assigned a Feature Image to the post, I had instead inserted the image as a separate item in the muffin builder. Now that I have assigned a feature image, the share boxes are correctly aligning on along the left side of the image.

It might still be good to change the background and border though. I have seen this discussion post here about this - http://forum.muffingroup.com/betheme/discussion/33388/share-box-background-color#latest

but I am not sure where I enter this code to make this change? As I would be looking at changing this for all posts.

Thanks again for your assistance and time.

Kind regards,

Cally

Bryan · January 2018

The custom css can be insterted into theme options>custom css&js>css

How to Display Share Boxes on Left Side of Image Using Muffin Builder

Comments