fbpx

Astroid 2.4 Landed with Joomla 4 Compatibility Download Now

Welcome, Guest
Username: Password: Remember me

TOPIC: adding image backgournd behind the numbers

adding image backgournd behind the numbers 1 year 3 months ago #15685

  • akkawi
  • akkawi's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
hello thanks for this awesome plugin first..

I want to ad an image background behind the numbers can you help me or support me doing this ?

thanks alot
The administrator has disabled public write access.

adding image backgournd behind the numbers 1 year 3 months ago #15692

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4063
  • Thank you received: 595
  • Karma: 104
Hello,

It can be done using Custom CSS only.

Thank You,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

adding image backgournd behind the numbers 1 year 3 months ago #15741

  • akkawi
  • akkawi's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
yes sure but i am adding the background image to the span ( the number) but it is not appearing :huh:
The administrator has disabled public write access.

adding image backgournd behind the numbers 1 year 3 months ago #15748

  • roshan jajoriya
  • roshan jajoriya's Avatar
Could you please share the screenshot so that we can better assist you
Last Edit: 1 year 3 months ago by roshan jajoriya.
The administrator has disabled public write access.

adding image backgournd behind the numbers 1 year 3 months ago #15765

  • akkawi
  • akkawi's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
edt-uae.com/

if you see the numbers i want a copy of the graphic above to be a backgroud, i have a plain graphic of it ,, how can i do it ?
Attachments:
The administrator has disabled public write access.

adding image backgournd behind the numbers 1 year 3 months ago #15778

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

you have to add this CSS to show the background image.
.counter-number .count {
	font-size: 32px;
	color: #fff !important;
	font-weight: 700;
	background-image: url(http://edt-uae.com/images/OnlyHexagone_Blue.png);
	width: 70px;
	height: 70px;
	line-height: 70px;
	background-size: contain;
	background-repeat: no-repeat;
}

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.383 seconds