Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 16, 2016 at 5:32 pm #584296
    inaudit

    Hi!

    I’m doing a text in a textblock and trying to change the color of the bullet
    I tried this code in the quick css field

    li:before {
    color: #91c71b;
    }

    but it’s not really working, i guess i’m doing something wrong
    here is the picture of the bullets https://goo.gl/photos/anVp5Jer3wvu61y18

    please, could you help? thanks!

    February 16, 2016 at 5:53 pm #584301
    Guenni007

    look here: http://webers-testseite.de/enf02/2016/02/16/bullits/

    what is the difference (these are two text elements with unorderd list inside.
    the last alb element i gave a class : “noliststyletype”

    The thing is that list style type belongs to the text (and text color)
    so i set the list style type to none ! and ad via before a new content ( a list point)
    This is now a new element and can be selected 

    .noliststyletype li:before {
    color: #900;
    content: "•";
    font-size: 25px;
    margin-left: -12px;
    padding-right: 5px;
    position: relative;
    top: 5px;
}
.noliststyletype li {
    list-style-type: none;
}
    • This reply was modified 8 years, 9 months ago by Guenni007.
    February 16, 2016 at 6:00 pm #584309
    Guenni007

    if you like to have icons from fontello font (third list with custom class “otherlistpoint”) :

    .otherlistpoint li:before {
    color: #090;
    content: "\e871";
    font-family: entypo-fontello;
    font-size: 25px;
    margin-left: -12px;
    padding-right: 5px;
    position: relative;
    top: 5px;
}

    the icon shortcode you can see : https://kriesi.at/support/topic/entypo-fontello-icons-unicode-ue-number/

    but on css rules you have to get rid of the “u” so see example from
    \ue871 will go to : \e871

    • This reply was modified 8 years, 9 months ago by Guenni007.
    February 16, 2016 at 6:34 pm #584327
    inaudit

    hi,
    thank you for the answer!
    but something went wrong…
    I’m using the avia layout builder, and the 3/4 layout element in the website made 889 px, and now it makes only 667 px, so the bullet sections we were talking about now is not next to the picture…
    the other thing is that there’s a button in the end that I check as centered and it’s not centered. It’s all in the same page because I’m doing a template. I write the credencials in the private content so you can check
    and sometime the button disapear… it’s like there’s a bug or something wrong with the button element
    please, could you help with this?

    February 16, 2016 at 7:25 pm #584340
    Guenni007

    you said you have a text-block with ul !
    you gave that ext block a custom class (like above)

    all rules above are specific to a custom class – so nothing else could change because of that (accept the wanted effect)

    you must change something else

    February 16, 2016 at 8:19 pm #584345
    inaudit

    Hi,

    well this problem is not because of your css… it just happened, I think the avia builder it’s not working properly. could you check it?
    if you see the background of a page, it’s not the same as the view of the page… so there’s something wrong.

    thanks!

    February 16, 2016 at 10:25 pm #584382
    Guenni007

    so you have to wait for an admin here – because i do not see any private content on your threads. i’m a participant as well.

    February 17, 2016 at 10:54 am #584568
    inaudit

    Hi Guenni,
    thanks a lot for you help! Waiting for an admin then :)

    Hi admin,

    Please could you help?

    February 17, 2016 at 10:59 am #584574
    Yigit

    Hi!

    You had a missing curly bracket in your Quick CSS field. I closed it, please review your website now

    Regards,
    Yigit

    February 17, 2016 at 12:28 pm #584631
    inaudit

    Hi!
    yes thanks! true…was missing…
    what’s not working is the button as it’s not centered https://goo.gl/photos/TmxTS9nx9zoA7hMy9 even though I set its position to “Align center” in the option panel.
    thanks again!

    February 17, 2016 at 12:35 pm #584639
    Yigit

    Hey!

    You had extra closing Div tag in your code block element. I removed it and it fixed the alignment issue. Please review your website now :)

    Regards,
    Yigit

    February 17, 2016 at 1:39 pm #584696
    inaudit

    as you could probably guess I’m not an expert in CSS! ;) haha sorry…
    Now it looks fantastic
    I’ll go for the bullets as Guenni suggested, I hope I don’t forget an extra div tag, curly braket or any other thing…I’ll pay attention.
    thanks again

    February 17, 2016 at 2:16 pm #584722
    Yigit

    Hey!

    You are welcome, we are always happy to help! Let us know if you have any other questions or issues :)

    @guenni007     Thanks for your help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Bullet color’ is closed to new replies.