Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest
Userguide, Report Bugs, New Ideas...
  • Page:
  • 1

TOPIC: sosyal icon

sosyal icon 9 years, 5 months ago #8344

  • alihaydar
  • OFFLINE
  • Single Product
  • Junior Boarder
  • Posts: 31
  • Karma: 0
Hi,
how can I insert the sosyal icon link?

Thanks
Last Edit: 9 years, 5 months ago by alihaydar.
The topic has been locked.

Re: sosyal icon 9 years, 5 months ago #8432

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Ali Haydar,

You can use the free social plugin or module on this template.

extensions.joomla.org/search?q=social

Thanks
Ticket System | Join our Clubs to download our extensions and templates
The topic has been locked.

Re: sosyal icon 9 years, 5 months ago #8453

  • alihaydar
  • OFFLINE
  • Single Product
  • Junior Boarder
  • Posts: 31
  • Karma: 0
I do not want a free social plugin. I want to insert only the home page on the right side of the social icon link. (Social module position)

The Web is adrese www.alevi-hannover.de

Not: I wanted bewisen with image, but unfortunately I can not upload. On the website www.smartaddons.com/forum/201-sj-business

Thank you
The topic has been locked.

Re: sosyal icon 9 years, 5 months ago #8488

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Ali Haydar,

Please do the following steps:

1. go to "templates\sj_business (hat)\css\template.css", finding:

#social li {
	background: url(../images/icon-social.png) no-repeat center center;
}
#social li.social-twitter {
	background-position: 0 0;
}
#social li.social-twitter:hover {
	background-position: 0 -40px;
}
#social li.social-face {
	background-position: 0 -80px;
}
#social li.social-face:hover {
	background-position: 0 -120px;
}
#social li.social-rss {
	background-position: 0 -160px;
}
#social li.social-rss:hover {
	background-position: 0 -200px;
} 


=>

#social li a{
	background: url(../images/icon-social.png) no-repeat center center;
	padding: 0 23px
}
#social li.social-twitter a{
	background-position: 0 0;
}
#social li.social-twitter:hover a{
	background-position: 0 -40px;
}
#social li.social-face a{
	background-position: 0 -80px;
}
#social li.social-face:hover a{
	background-position: 0 -120px;
}
#social li.social-rss a{
	background-position: 0 -160px;
}
#social li.social-rss:hover a{
	background-position: 0 -200px;
}


---------------------

#social li {
	display: inline-block;
	height: 40px; 
	width: 44px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	line-height: 40px;
	float: left;
}


=>

#social li {
	display: inline-block;
	height: 40px; 
	width: 44px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	line-height: 40px;
	float: left;
	background: none
}


2. go the administrator => module manager => Follow us module => insert your social link into the social icons.

Thanks
Ticket System | Join our Clubs to download our extensions and templates
The topic has been locked.

Re: sosyal icon 9 years, 5 months ago #8501

  • alihaydar
  • OFFLINE
  • Single Product
  • Junior Boarder
  • Posts: 31
  • Karma: 0
Thank you very much
The topic has been locked.
  • Page:
  • 1
Time to create page: 0.46 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Suggested Posts

(/)
Result not found!

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes