Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

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

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

[SOLVED]Incorrect edit icon in front-end 8 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 8 years, 8 months ago #17549

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1365
  • 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 8 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 8 years, 8 months ago #17584

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1365
  • 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 8 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 8 years, 8 months ago #17602

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1365
  • 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.
  • Page:
  • 1
  • 2
Time to create page: 0.41 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