Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 20, 2017 at 3:07 pm #854384
    taina0

    Hello

    I don’t want to have a boarder for all my icons on website.

    I copy this code in my style.css, but there boarders are still there:
    .main_color .avia-icon-list .iconlist-timeline {
    border:none!important;
    }

    What I have to do?

    My other question is, if it’s possible to have a icon list center? The Icon on top and the text below?

    Thank you very much for helping and kind regards
    Nicole

    September 20, 2017 at 3:19 pm #854390
    Yigit

    Hey,

    It works fine on my end, attached a screenshot in private content field.
    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Regards,
    Yigit

    September 20, 2017 at 3:27 pm #854395
    taina0

    Thank you for answering Yigit. Yes on the icon list, it’s easy to make the boarder white (manual setting). I will give you the other link in private content. There I have no icon list, rather just icon, where I can’t make it manual.

    Do you have a solution for my second problem I asked?

    Thank you very much.

    September 20, 2017 at 5:00 pm #854462
    Victoria

    Hi taina0,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.main_color .av-no-color.av-icon-style-border a.av-icon-char, 
.main_color  .av_font_icon.av-icon-style-border .av-icon-char  {
    border-color: transparent;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 20, 2017 at 5:27 pm #854487
    taina0

    Thank you very much for helping Victoria. It work’s!

    My other question is, if it’s possible to have a icon list center? The Icon on top and the text below?

    Best wishes
    Nicole

    September 20, 2017 at 5:49 pm #854504
    Victoria

    Hi Nicole,

    Could you please attach a mockup of what you’re trying to achieve? Not sure I understand from the words.

    Best regards,
    Victoria

    September 20, 2017 at 9:23 pm #854559
    taina0

    Hello Victoria

    In normal icon-list ( …./angebot, where I have 3 icons with text) there is on the left the icon and on the right the text and I would like to know if it’s possible to have the icon on top and center, and the text below.
    Do you know what I mean?

    Kind regards
    Nicole

    September 21, 2017 at 8:59 pm #855044
    Victoria

    Hi Nicole,

    Now that you mentioned the page, I understood what you were talking about. Here is the code:

    
.page-id-3137  .avia-icon-list .iconlist_icon {
    float: none;
     margin-right: 0px;
     margin-left: 0px;
    margin: 0 auto;
}
.page-id-3137 .avia-icon-list li {
    text-align: center;
}

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 22, 2017 at 8:56 am #855242
    taina0

    Perfect! Thank you very much Victoria!

    September 23, 2017 at 6:32 am #855700
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.