Back to Blog
Wp iconbox5/23/2023 When I add a third Icon Box to the start of the list, that Icon Box's image applies to all the Icon Box widgets on the page: Set the second Icon Box icon to a different uploaded SVGĮxpected Results: Each Icon Box uses its own uploaded SVGĪctual Results: SVG from the first Icon Box is used in the second Icon Box.Set the first Icon Box icon to an uploaded SVG.Initially I thought maybe it was related to copy and paste of styles but each Icon Box on this test page was created manually. Since Elementor has not updated to Font Awesome 6 (See: #18723) we are uploading SVGs of some of the FA6 glyphs, but then when we try to use them, subsequent Icon Box widgets don't render the uploaded SVG: I am working on a few pages that use a grid of Icon Box widgets. The issue still exists against the latest stable version of Elementor.I have searched for similar issues in both open and closed tickets and cannot find a duplicate.Container parallax - Activate/deactivate container parallax.Animate icon - Add animation to the icon HTML container. Animate - Add animation to the HTML container.If shape hover effect is active the hovered icon color here is overwritten by shape hovered settings. Hovered metrics - Adjust hovered icon, headings, text and links colors.This setting will help you trigger the hover for all elements inside the icon box when you place the moue over the icon box. Normaly hover effects are triggered when you place your mouse over the element. Hover trigger - Choose when to trigger hover effects.Apply link to - Select where this link should be applied.Text font metrics - Adjust text font metrics.Heading font metrics - Adjust heading font metrics.All values must be entered for style to be applied. Heading padding - Set heading padding.Hover effects - Select shape hover effect.If you need to pull the icon up, use negative top value. This option helps you move the icon inside the shape and this way adjust the appearance. By default icons inside the shape are centered but some icons visualy appear as out of line. Shape metrics - Set shape width background, border and space between border and shape.Icon background shape - If active, this icon will be placed inside a adjustable container.This option has precedence over the icon option above. Icon image - Upload or select icon image.To enable WordPress SVG uploads please use 3rd party plugin that allows this feature. Icon color is than applied to the SVG selection. SVG color modes are used only if SVG Icon image is selected. Color is not applicable if your are using own icon image. The effects must be set on per element basis. Note that once the inherit ID is added the CSS for this icon box is not printed. This reduces the overhead CSS and renders the icon box faster. This way every icon box on this page with this inherit ID will use same CSS. If you have multiple Icon boxes with same style you can set main icon box Custom ID than add that ID here. Inherit style from - Insert icon box ID to inherit the style from.Container metrics - Add custom class or ID to HTML container and adjust visibility on specific devices.Element popup contains following options Defaults tab Icon Box element displays custom content with icon within styled content box.
0 Comments
Read More
Leave a Reply. |