New Landing How can we help? Themeforest Theme Support Flexform icon shortcode center, link, hover etc

Viewing 7 posts - 1 through 7 (of 7 total)
  • Posted in: Flexform
  • #2325
    tasoskouk
    Member
    Post count: 148

    Ed hi,

    i try to do the following with icon shortcodes  but with almost no success…

    center an icon in an column (there is no center align option, neither it works with p text align…)
    center text below icon in a column (that could be a link)
    assign a link
    create a hover overlay color effect for either .sf-icon or .sf-icon-cont

    u can check here : http://tasoskoukouvitis.com/flexform3/page-1/

    please advice

    thx, tasos

    #2330
    tasoskouk
    Member
    Post count: 148

    managed to do some hover coloring with css :

    .sf-icon-cont:hover {background-color:#444;}

    .sf-icon:hover {color:#fd6632; }

    u can check here : http://tasoskoukouvitis.com/flexform3/page-1/

    but it happens in two stages (container first, then icon) & all other “issues” remain (link, center etc)…

    thx

    #2536
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hi,

    Try:

    .wpb_wrapper { text-align: center; }

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    #2594
    tasoskouk
    Member
    Post count: 148

    thx, this css worked for centering page builder elements 🙂

    please advice on icon links & hover

    assign a link to icon ?
    create a hover overlay color effect for either .sf-icon or .sf-icon-cont ?

    check demo here : http://tasoskoukouvitis.com/flexform3/page-1/

    thx again!

    #2672
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Icon hover:

    .sf-icon-cont:hover > i {}

    Adding links to icons isn’t possible with the theme.

    Third question:

    .sf-icon-cont:hover {
    background: ... !important;
    }

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    #3122
    tasoskouk
    Member
    Post count: 148

    icons still not centered… check carefully and you’ ll notice (although title & text is centered)

    see here http://tasoskoukouvitis.com/flexform3/page-1/

    t.

    #3218
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Right 🙂

    Add this as well:

    .sf-icon-cont { margin-right: 0 !important; }

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register