6 replies [Last post]
haux
Offline
newbie
Last seen: 10 years 5 weeks ago
Joined: 2010-12-15
Posts: 4
Points: 5

Hi all,

I've been all over the internet looking for help & no one has replied, i'm starting to lose faith!!

Bascially I have a Wordpress website, at the bottom of each article is a Facebook like button, I'm wanting to add a jpeg next to the facebook like button, something like the image here ->

Any ideas how this can be done?

Thanks

Haux

haux
Offline
newbie
Last seen: 10 years 5 weeks ago
Joined: 2010-12-15
Posts: 4
Points: 5

Sorry the picture is here -

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You perhaps haven't had many

You perhaps haven't had many responses as you haven't really supplied any detail for coders to work with, reading, for instance, this forums posting guidelines would clue you in to how to post a question with sufficient detail that members can help and provide meaningful answers.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

haux
Offline
newbie
Last seen: 10 years 5 weeks ago
Joined: 2010-12-15
Posts: 4
Points: 5

Sorry Hugo, I've added a more

Sorry Hugo, I've added a more detailed description below.

I'm currently in the process of creating a website running on Wordpress 3.0.3. I purchased a custom theme from themeforest & now I'm looking at customizing a few of the pages. I've added the plugin Facebook Share which adds a little facebook button to the bottom of a page & displays how many others have liked the selected article. If you'd like a more detailed example you can see the widget in action at www.muscle-munch.com at the bottom of any article.

I'm wanting to add an image to the right of it, I've embedded an image below of how i'd like it to look.

Does anyone know how I could do this?

Many thanks

Haux

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Just before the div

Just before the div 'fb_share_1' which is holding the fb share icon you could try placing your image and float it left. How easy that will be will too some extent depend on you coding knowledge, explaining further here is not going to be that easy as you are dealing with a WP theme and elements such as that might be dynamically generated and it might simply not be possible to locate the actual spot in the single.php where the new image element needs to go.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

haux
Offline
newbie
Last seen: 10 years 5 weeks ago
Joined: 2010-12-15
Posts: 4
Points: 5

I tried looking within my

I tried looking within my single.php but can't locate anything that relates to the plug-in. Are there any other ways of doing it?

Thanks

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You won't see anything

You won't see anything relating to the plugin in that file, the plugin will be using an action hook to display or be a widget.

You have to look at the browser source code (what amounts to all the final code) find the element in question i.e facebook element then make a mental note of the elements either side of it before and after then go back to the static file and find that before element and place your image right after it and try floating it. Without seeing the theme files and plugins directly that is about the best explanation I can give, but you won't necessarily recognize the code in the static file as relating to rendered browser source. This is why I'm afraid that what you want to do is not necessarily that easy without a fair bit of coding skill and knowledge of WP theme files and API

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me