How to move social media buttons to far right

  • Posts: 392
  • Thank you received: 0
13 years 2 months ago #25310

Hello,

Is there a way to make the social media buttons align one on top the other on the far right of the page? I have messed around with the combinations in the plugin to no avail, and followed the instructions on another thread also.

I'm not sure why they are displaying in a strange way... I have attached a pic for you.

Could it have something to do with removing the product title from above the image as in this thread: www.hikashop.com/en/support/forum/4-how-...e-product-title.html

Thanks :)

Attachments:
Last edit: 13 years 2 months ago by Bugger101.

Please Log in or Create an account to join the conversation.

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
13 years 2 months ago #25312

It might be because you updated HikaShop and you had the CSS customized which means that you didn't get the new CSS to handle the google +1 button, as explained there:
www.hikashop.com/en/support/forum/3-bug-...snt-align.html#23419
In that case, you should get the CSS from the default CSS for the social networks buttons and copy it over the social networks CSS of your modified CSS.

Please Log in or Create an account to join the conversation.

  • Posts: 392
  • Thank you received: 0
13 years 2 months ago #25314

BINGO!

Thanks so much :)

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35375

Which CSS code in the moduals would I need to copy over? I need to do this too.

Please Log in or Create an account to join the conversation.

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
12 years 10 months ago #35403

In the options of the social network plugin, you can configure the position to the right. Then it should be automatic.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35410

I tried that and it only shows the facebook button. See attached screen shots.

File Attachment:

File Name: Socialright.png
File Size:57 KB

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35411

Left

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
12 years 10 months ago #35449

Could you give a link to that page with the buttons aligned to the right so that we can look at the HMTL and CSS of that page ?

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35469

Here's that link with the plug-in set up to the right.. It's on all my product pages.

arizonatacgear.com/webstore/index.php/pr...ts-sol-thermal-bivvy

Please Log in or Create an account to join the conversation.

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
12 years 10 months ago #35492

The problem is that you put a width of 5px in the options of the social networks plugin. Thus, it's displaying the buttons off the page on the left. If you set a proper width like 800px, it will display on the left.

The following user(s) said Thank You: Donzall

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35495

That's a big difference.

My google + button and my twitter button are touching, and the facebook button is to far away. How do I get them evenly spaced?

arizonatacgear.com/webstore/index.php/pr...ts-sol-thermal-bivvy

Please Log in or Create an account to join the conversation.

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
12 years 10 months ago #35529

You can edit the front end CSS file of HikaShop via the Display tab of the configuration and change the code:
#hikashop_social span.hikashop_social_right_tw_horizontal {
position: absolute;
right: 130px;
}

to:
#hikashop_social span.hikashop_social_right_tw_horizontal {
position: absolute;
right: 110px;
}

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 1
12 years 10 months ago #35544

Awesome. That worked.

I have so say, I'm glad I picked Hika Shop as my e-commerce solution for Joomla. Your support has been awesome!

Please Log in or Create an account to join the conversation.

Time to create page: 0.087 seconds
Powered by Kunena Forum