Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 5, 2013 at 9:18 pm #184957
    adamsm

    Hi
    Had some great help on this via this tread https://kriesi.at/support/topic/icon-colours/

    This page works great as did what you said etc http://www.clubfacemag.com/sample-page, however not sure other pages work e.g. added 3 icons to homepage http://www.clubfacemag.com and don’t change colour based on custom CSS.

    Let me know what you think

    Cheers, Mark

    November 6, 2013 at 4:02 pm #185198
    Yigit

    Hi adamsm!

    Can you post custom CSS you have added to Quick CSS?
    It should work if you target elements as i explained here https://kriesi.at/support/topic/icon-colours/#post-183014 :)

    Cheers!
    Yigit

    November 12, 2013 at 12:50 pm #187192
    adamsm

    yeah sure it’s this:

    ..avia-builder-el-7 .iconbox_icon { background-color: #f15b28 !important; }
    .avia-builder-el-9 .iconbox_icon { background-color: #f7941e !important; }
    .avia-builder-el-11 .iconbox_icon { background-color: #68bd45 !important; }
    .avia-builder-el-12 .iconbox_icon { background-color: #2dc2e3 !important; }
    .avia-builder-el-15 .iconbox_icon { background-color: #fecb1e !important; }

    I don’t really understand what the numbers correlate to e.g. el-12 etc??

    Cheers, Mark

    November 12, 2013 at 2:54 pm #187259
    Ismael

    Hi!

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit any avia elements like Icon Box then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-iconbox”.

    You can add something like this on your custom.css or Quick CSS:

    .iconbox.awesome-iconbox .iconbox_icon {
background-color: #f15b28 !important; 
}

    Regards,
    Ismael

    April 8, 2014 at 5:11 pm #248849
    markv5

    Could this help me to do:

    give each iconbox it’s own background color on the same page like this sample:

    http://livedemo00.template-help.com/wt_47978/

    April 8, 2014 at 5:16 pm #248850
    Yigit

    Hi!

    Yes it could. But it is not that reliable solution.

    Cheers!
    Yigit

    April 8, 2014 at 8:32 pm #248942
    markv5
    This reply has been marked as private.
    April 9, 2014 at 5:57 am #249087
    Ismael

    Hi!

    Thank you for using the theme!

    I’m not sure why Yigit said that, maybe he got a better idea. I’ll ask him. Please wait for his response. You can do the ones suggested above if you want to start immediately. The custom css class can help you separate each iconbox and apply different backgrounds.

    Best regards,
    Ismael

    April 9, 2014 at 6:53 am #249115
    markv5

    I have done as above and I do get the “Custom Css Class” field and named it “red-iconbox”

    In the custom.css I added:

    /* General Custom CSS */

    .iconbox.red-iconbox .iconbox_icon {background-color: #ff0000 !important;}

    /*
    Desktop Styles
    ================================================== */

    but no effect, the background color is still white.

    April 9, 2014 at 8:26 am #249151
    Dude

    Hey!

    Can you post a link to the icon box please – I’ll investigate the css code and check why the styles do not apply to it.

    Regards,
    Peter

    April 9, 2014 at 3:59 pm #249318
    markv5
    This reply has been marked as private.
    April 13, 2014 at 4:45 am #250624
    Josue

    Hey!

    The background color of the icon box is displaying red on my end:

    Best regards,
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Icon colours’ is closed to new replies.