Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Expo Template

[SOLVED]Incorrect edit icon in front-end
(1 viewing) (1) Guest
New Topic
  • Page:
  • 1
  • 2

TOPIC: [SOLVED]Incorrect edit icon in front-end

[SOLVED]Incorrect edit icon in front-end 10 years, 9 months ago #17307

Hi,
When author/editor users login in the front-end the editor icon is actually the same print icon (see attached screenshot).
I think template.css doesn't have code to handle editor-icon. Please help to fix it.

Attachment edit-icon-error.png not found
The topic has been locked.

Re: Incorrect edit icon in front-end 10 years, 8 months ago #17549

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Hoang Chu,

We are sorry for the late response.

Please open file template.css and add this code:

ul.actions li.edit-icon{
	font-size:14px;
	
}
ul.actions li.edit-icon > a{
	
	background:none;
	color:#999;
	margin-top:-4px;
}
ul.actions li.edit-icon > a > span{
	
	text-indent:0;
}
ul.actions li.edit-icon .icon-edit:before{
	text-indent:999em;
	width:14px;
}


Thanks!
The topic has been locked.

Re: Incorrect edit icon in front-end 10 years, 8 months ago #17558

Hi Yen,
Thanks for your help. I did add the code to the end of template.css but it seems nothing changed.
Do we need an image for edit-icon and code to display that image in the right place?
The topic has been locked.

Re: Incorrect edit icon in front-end 10 years, 8 months ago #17584

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Hoang Chu,

Please notice add code to below this code:

ul.actions li > a:hover{
    background-size: 40px 15px;
    height: 15px;
    margin-top: -2px;
    width: 20px;
}


If it still does not work, please send us your url so that we could check directly.

Thanks!
The topic has been locked.

Re: Incorrect edit icon in front-end 10 years, 8 months ago #17601

Hi Yen,
I had moved the added code to the right place, still the same.
Please note that we only need to display the edit-icon in the most right position (currently is print-icon), other functions look OK (hover, click to edit, ....)
Front-end publisher user log-in provided.
Thanks.
The topic has been locked.

Re: Incorrect edit icon in front-end 10 years, 8 months ago #17602

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Hoang Chu,

We are sorry the omission, please replace by this code:

ul.actions li.edit-icon{
	font-size:14px;
	
}
ul.actions li.edit-icon  a{
	
	background:none;
	color:#999;
	margin-top:-4px;
}
ul.actions li.edit-icon  a  span{
	
	text-indent:0;
}
ul.actions li.edit-icon .icon-edit:before{
	text-indent:999em;
	width:14px;
}


Thanks!
The topic has been locked.
New Topic
  • Page:
  • 1
  • 2
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Expo Template
Powered by Kunena
Time to create page: 0.33 seconds
Xtore Opencat Theme

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.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

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

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