icon shortcode center, link, hover etc

[tasoskouk]

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

[tasoskouk]

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

[Cosmin – SUPPORT]

Hi,

Try:

.wpb_wrapper { text-align: center; }

Regards,

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

Cosmin
Support Assistant

[tasoskouk]

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!

[Cosmin – SUPPORT]

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

[tasoskouk]

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

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

t.

[Cosmin – SUPPORT]

Right 🙂

Add this as well:

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

Regards,

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

Cosmin
Support Assistant