Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 6, 2014 at 12:09 pm #220426
    Indiatravelz

    hi there,

    i have two questions:
    1- i would like to change the color of the icons only on one page, i used the following code but it didnt work
    .page-id-4501. iconbox_icon { color: #fc0043!important; }

    can you please advise me why it doesnt work?

    2-is there a place in enfold t where i can style the icons?
    size,frame around, color act..
    or every time i have to write a css code?

    3-how can i put an icon box in a slider? like here:
    http://drivott.com/

    thank you in advance
    indiatravelz

    February 7, 2014 at 5:09 pm #220939
    Yigit

    Hey Indiatravelz!

    1- Do you mind creating a temporary admin login and posting it here privately so we can take a look? Please point out the page
    2- Yes, you should use custom CSS to make changes on icons
    3- You can add Color section element under Layout Elements in Avia Layout Builder and add Icon box elements in it

    Regards,
    Yigit

    February 9, 2014 at 4:31 pm #221352
    Indiatravelz

    hi Yigit

    here is a temporary admin login for you:
    Usr: Yigit
    Pass: enfold1212

    the icons i want to be in different color from the othere icons on the site are on the following page:
    http://indiatravelz.com/newsletter/

    thank you in advance
    indiatravelz

    February 10, 2014 at 4:17 am #221510
    Ismael

    Hi!

    You can use this to change the icon color:

    .page-id-4501 .main_color .heading-color {
color: green;
}

    Regards,
    Ismael

    April 15, 2014 at 2:27 pm #251608
    FEWGmbH

    how can i change the size of the icons without changing the position of the icon?

    i changed the size with this code down below and now they are not inline with the text block below anymore…
    (http://newparo.ch.f-e-w.ch/)

    .iconbox_icon:before {
    font-size: 28px !important;
    position: relative;
    right: 8px;
}

.avia-builder-el-12 .iconbox_icon:before{
    font-size: 15px !important;
    right: 12px;
}

    Thanks for quick advise!

    April 15, 2014 at 2:34 pm #251613
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .iconbox_icon { margin: 2px 10px 0 7px; }

    Regards,
    Yigit

    April 15, 2014 at 2:50 pm #251620
    FEWGmbH

    nice! thanks alot!

    April 15, 2014 at 2:56 pm #251624
    Yigit

    Hi!

    You are welcome, glad we could help!
    If you have any other questions or issues, you can choose the theme from main support page and scroll to bottom to start your own topic

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘icon box styling’ is closed to new replies.