Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • August 1, 2016 at 12:30 pm #667216
    mewmew21

    Good Afternoon,

    In this page https://carnegy.fr/leadership-management/ (the icon Télécharger le Programme) i wan’t it more big just the icon not the circle please

    Best Regards,
    Noé

    August 1, 2016 at 6:22 pm #667385
    Guenni007

    first of all it might be nice to have here a unique custom class for that icon – because the rules is easier to keep specific with that.
    So please give it a class (maybe: “telecharger”) that i try to give you a piece of code which might help you .

    August 1, 2016 at 6:32 pm #667397
    mewmew21

    Good Afternoon,

    So it’s in enfold theme panel when you create any page you can choose it “color section” “icon” “icon with list” and more and more possibilities :)
    i take it just “icon”

    August 1, 2016 at 9:13 pm #667464
    Basilis

    Hi!

    Please provide us backend access details, so we can give it a look and assist you further with that.

    Thanks a lot

    Best regards,
    Basilis

    August 2, 2016 at 12:29 pm #667599
    Guenni007

    hm ok than here is the site specific rule . (with a custom class on that icon it will be not so complicated)
    btw custom class activation look here – this is a nice add for enfold because you can give nearly to all alb (advanced layout builder) elements a custom css class) read here for custom class :

    paste it to your quick css on enfold options

    .page-id-3789 .av-icon-char[data-av_icon]::before {
    font-size: 60px !important;
    left: -12px;
    position: relative !important;
}

.page-id-3789 .av-icon-char {
    line-height: 25px !important;
}
    August 2, 2016 at 2:40 pm #667669
    Yigit

    Hey!


    @guenni007     Thanks for your help :)

    Regards,
    Yigit

    August 2, 2016 at 2:49 pm #667676
    Guenni007

    or much easier – you choose on that alb element a bigger font size: maybe 60px
    and than you reduce the padding on that icon

    .page-id-3789 .av-icon-char {
    padding: 10px !important;
}
    August 2, 2016 at 5:09 pm #667748
    mewmew21

    Thank’s lot that’s work very fine :) then if i wan’t to apply this quck CSS in all of page what’s the custom CSS ?

    Best Regards,
    Noé

    August 2, 2016 at 5:53 pm #667765
    Yigit

    Hey!

    Please use the codes without page ID’s as following 

    .av-icon-char {
    padding: 10px !important;
}
.av-icon-char[data-av_icon]::before {
    font-size: 60px !important;
    left: -12px;
    position: relative !important;
}

.av-icon-char {
    line-height: 25px !important;
}

    Cheers!
    Yigit

    August 7, 2016 at 2:30 pm #669452
    mewmew21

    Thank you and if i wan’t the same for the articles ?

    Best Regards,
    Noé

    August 7, 2016 at 2:43 pm #669454
    mewmew21
    .post-id-4453 .av-icon-char[data-av_icon]::before {
    font-size: 40px !important;
    position: relative !important;
}
.post-id-4453 .av-icon-char {
    padding: 12px !important;
border-color: #e45817!important;
background-color: #cad3da!important;
color: #e35716!important;
  left: 50px;
    border-position: relative !important;

    Maybe is that’s one

    August 7, 2016 at 5:51 pm #669509
    mewmew21

    Maybe it’s not the good CSS because i only change the “page” to “post”.

    Best Regards,
    Noé

    August 8, 2016 at 5:12 pm #669939
    mewmew21

    Please help me

    August 8, 2016 at 5:34 pm #669951
    Yigit

    Hi!

    If you would like to apply it only on single posts, please use following 

    .single .av-icon-char {
    padding: 10px !important;
}
.single .av-icon-char[data-av_icon]::before {
    font-size: 60px !important;
    left: -12px;
    position: relative !important;
}
.single .av-icon-char {
    line-height: 25px !important;
}

    Best regards,
    Yigit

    August 8, 2016 at 7:01 pm #670012
    mewmew21

    Thank you,

    That’s work fine now

    Best Regards,
    Noé

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘I need help with icon’ is closed to new replies.