New Balbooa Forms Released

Continue Reading
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Costum Bulletpoints

7 months 2 weeks ago #1

  • Christian's Avatar
  • Christian
  • Posts: 95
Hi,
is it possible to use a .jpg as a bulletpoint ?
My Client wants to use a own Graphc as a bulletpoint

7 months 2 weeks ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
Hello,
Thank you for contacting us

Unfortunately there is no such option.
But you can do it using custom code.

You need to add a custom class custom-icon-list and in the code editor add a CSS code
.ba-item-icon-list.custom-icon-list li:nth-child(1) i{
    background: url(/* Url your image */);
    background-size: cover;
    background-position: center;
}

In the settings of the plugin to make the icon transparent

Regards,
Vyacheslav, Balbooa.com

7 months 1 week ago #3

  • Christian's Avatar
  • Christian
  • Posts: 95
Its working , but ...
Attachments:

7 months 1 week ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
Hello,
Thank you for contacting us

You need to replace background-size in the code.
You need use:
background-size: contain;

Regards,
Vyacheslav, Balbooa.com

7 months 1 week ago #5

  • Christian's Avatar
  • Christian
  • Posts: 95
Looking better - on the right way, just stop the repeat, but doesnt take effect ( background-repeat: no-repeat;)
Attachments:

7 months 1 week ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

7 months 1 week ago #7

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
There is an error in your code, you need to replace the "," to ";"


Regards,
Vyacheslav, Balbooa.com

7 months 1 week ago #8

  • Christian's Avatar
  • Christian
  • Posts: 95
.ba-item-icon-list.custom-icon-list li:nth-child(1) i{
background: url(/images/Assets/fb-ktp-bm-40px.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}


-> now its fine, thanks a lot

7 months 1 week ago #9

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
You are welcome ;)

3 days 12 hours ago #10

  • Christian's Avatar
  • Christian
  • Posts: 95
One question to change the color of the bulletpoint
Attachments:

3 days 12 hours ago #11

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
Hello,
Thank you for contacting us

Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

3 days 12 hours ago #12

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
You need to add class custom-text for text and to add CSS code
.ba-item-text.custom-text ul {
	color: #f00;
}

Best Regards,
Vyacheslav, Balbooa Support Team

3 days 12 hours ago #13

  • Christian's Avatar
  • Christian
  • Posts: 95
thx, solved

3 days 12 hours ago #14

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8744
You are welcome ;)
Powered by Kunena Forum