Hello!
If i would like to work with css. How can i find out the right names of the selectors.
E.g. if i would like to change the styling of the border between my menu and the social icons in my main menu…how do i find out the name of this selector?
thx
Hi schoefa2!
Please see – https://developer.chrome.com/devtools
Using developer tools, you can easily find the right selector for elements.
.avia-menu.av_menu_icon_beside { border-color: red; }
Regards,
Yigit
great thank you….
is it possible that you can not change the image of an icon list (.avia-icon-list .iconlist_icon)? i changed the background image but i cant change the image itself
Hi!
If you would like to add your own icons, please see – http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
If you would like to add an image instead of an icon, please post the link to your page and point out the iconlist element so we can provide you accurate custom CSS code.
Best regards,
Yigit
Here is the link to the page: http://www.beachsummergames.com/keyfacts/
and here is the link to the png file of the icon i would like to use: https://dl.dropboxusercontent.com/u/46363270/zeichen.png
thx
Hey!
Try doing this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, and then add a class of “my_class” to your iconlist and then try adding this to your custom CSS.
.my_class .iconlist_icon {
background: url("URL to your icon image") !important;
}
.my_class .iconlist-char { display: none !important; }
Regards,
Elliott