I have a wordpress site and I installed the shortcode plugin.
I am trying to install a button and I put an icon on it.
When I load my site here you can see it under the slider, the button that says photo gallery
http://denverkollel.org/site/
it's on the blue background. You see there is a space , but no icon showing.
I have the font-awesome css on the page. what else might I be missing to make it work?
You are using the older verion of Font-Awesome and that doesn't suppot fa fa-video-camera.
Actually, it doesn't even support fa class.. Initially Font-awesone used to have classes starting with .icon-.
Download a new version and make required changes.
Related
I need help with WordPress Gradient Theme when i try to edit it using Elementor it loads “The content area has not been found on your page”? I tried changing themes, uninstalling plugins but i still get the same error.
enter image description here
So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
You tried to put the FontAwesome CDN in the main.css file, change:
#import url(fontawesome-all.min.css);
For this:
#import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
Remember that the file all.css (FontAwesome) depends on several online fonts
So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
These icons are includes via FontAwesome, so either you forgot to include FontAwesome or moved the files. Make sure there is a fontawesome-all.min.css in your /css folder and the corresponding webfonts folder exists and contains the FontAwesome-files
please help, i'm a newbie to wordpress.
i am developing a website using wordpress CMS and fitness-lite theme (https://id.wordpress.org/themes/fitness-lite/). i edited the style.css, header.php, footer.php, and customize.php. it was just html and css editing. and then the problem comes.
in the customization in admin mode, the social icon is shown just like the image below
but in the public view mode, the social icon isn't shown just like this
if checked by the inspect feature in Chrome browser, the respective div is there, but it isn't being displayed
i haven't add any plugin, so it shouldn't be caused by one.
do wordpress use different html or php file to show the web in admin mode and the public view mode?
use css
.social-icons{ display: block !important; }
I am trying to style the datatable just like twitter bootstrap and I came across twitter bootstrap jquery ui theme. After extracting, there were 4 files inside the css folder. These are
jquery.ui.1.9.2.ie.css
jquery.ui.1.10.0.ie.css
jquery-ui-1.9.2.custom.css
jquery-ui-1.10.0.custom.css
I want to know which files should be inlcuded and what is the significance of each file.
I also do find that while implementing jquery-ui-1.10.0.custom.css only file, the dialog boxes header is not properly aligned. Is dialog boxes not properly aligned in the default theme?
Include both the files & your alignment issue will be gone, i think 1.10.0. seems to be the latest version. So include
jquery.ui.1.10.0.ie.css
jquery-ui-1.10.0.custom.css
Also open these both files in an editor to view and understand the alignment and design.