htaccess file. If you are unable to apply this fix you can show this report to your host, they know how to solve this problem. I can see your site icon showing as favicon in my browser tab when I view your site a serif font S on a red square with rounded corners. In order to fix this issue, just insert this code below your. A web page may freely embed cross - origin images, stylesheets, scripts, iframes, and videos. Cross - origin resource sharing ( CORS ) is a mechanism that allows restricted resources on a web page to be requested from another domain outside the domain from which the first resource was served. To verify the issue you can open in the Chrome Developers Tool from the View menu and navigate to the Console tab as shown in the image above. I have no idea why there are blank spaces at the ends of the section.If your icons not show or look like squares in Chrome, you probably have a Access-Control-Allow-Origin (CORS origin) issue: some files (such as the font file containing the icons) are not readable and therefore available for use. Making it easier to see the 'individual icon boxes' vs. All there is below this is a divider and then a full-page image. It has two styles regular and boxed As any other block, it has all design options of greenshift library and allow to make custom effects. It allows to show predefined icon or upload own image and even custom svg code. If that doesn't fix your icons, try contacting Font Awesome support, as this is their plugin and that may just get you a fast reply (or some help). The problem is, the icons are stuck in the center-right of the page and it doesnt look great. I'd like those icons moved to the right adjusting the margins kills the links. design icons Icon block is simple but in some scenarios very helpful block. A plugin that can fix the missing icons Font Awesome issue Luckily, Font Awesome has a plugin now. I can only adjust the individual icon boxes left and right.ĮDIT 2: Screenshot of the top of the page right below the header this is the full width. It gives you the ability to configure the shortcode settings. 4 When the shortcode is added, a new pop-up screen called Icon Box Settings opens. 3 In the Add Element pop-up screen, search for Icon Box and click on it to be added to the page. IconBox 1 follower Overview Repositories Projects Packages People README. 2 From the Visual Composer screen, click on the + button. Desktop - you may choose whether or not this shortcode will be displayed on desktops. 1 Add a new page or edit an existing page. Thanks!ĮDIT: I should also mention that I'm unable to adjust the left and right margins for the section, for some reason. This shortcode lets you add an icon box to your page: Back-end. If there's an easy way to figure this out, a quick step-by-step guide would be much appreciated. I had hoped maybe I could put in a vertical spacer and adjust it that way - Squarespace-style - but that option doesn't appear to be available? But the section itself doesn't seem to want to move. I can adjust the different icon boxes within the section just fine with the sliders. I know I could adjust the margins to move them over the problem is that I've tried this and for some reason it makes the links completely unable to work. The problem is, the icons are stuck in the center-right of the page and it doesn't look great. The idea is to have the four icons link to different social media profiles - pretty common stuff. I have a temp site I'm working on and I've got a series of four attached icon boxes at the top of the page. Note that once the inherit ID is added the CSS for this icon box is not. I'm new to Elementor and Wordpress in general, so I apologize if there should be an obvious solution to this. Icon Box element displays custom content with icon within styled content box.
0 Comments
Leave a Reply. |