Sometimes some icon belongs to plugins or other script not the theme it self.

Maybe this can help you.

The quantity and names of the icons are always the same in all the themes, what the themes do is change the drawings.

Change the theme for one that is free and send us a screenshot where you see the icon you want to modify and we will tell you which one.

Without entering your website, without knowing what icon you are looking for, without having that theme ... It is not easy to help you!

i was "inspect" your url and i can see the icons belongs to a script(maybe a addon plugin) not to the theme images

<img> == $0

Is there a "slider plugin" to this theme or any other plugins or addons?

they who build plugins i think know what i talking about. it is a value that refer to this icon inside some script

<img src="https://mysite.com/.../img/paypal_logo.png" alt="billingpaypal"> == $0

and you have:

<img> == $0

hmmm...interesting indeed

They are not icons that OxWall uses for the entire web, they are exclusive images of this registration screen of this theme.

They are part of one of the images that are loaded into a slider through JavaScript .... I am not able to see the code that generates these sliders. I can't help you if I don't have the source code for this theme.

i agree need the source code for find them :)

Looks like OW Visuals has switched to Fontawesome icons.  I don't know if you just want to change the color, or change the icon all together, but here is the css you will be working with. Ex. the icon is on the content line content: "\f041" the color is simply on the color line color: #33bdeb

If you are looking to change the icon, you can go here to the Fontawesome website to see all of their available icon.

On the Fontawesome site you will see a list of icons. Click on the icon you are interested in, and a new page will open showing that icon. Just below the icon sizes you will see a unicode. That unicode is what you will be using. Just change the unicode itself leaving the /, and " ".

You can add the css below to your custom css for the theme in the admin panel.

/*Map marker icon*/
.red-text::before {
    content: '\f041';
    font: normal normal normal 60px FontAwesome;
    position: relative;
    margin: 10px auto;
    bottom: 0px;
    color: #33bdeb;
    display: block;
    height: 80px;
    width: 80px;
}

/*phone icon*/
.blue-text::before {
    content: '\f095';
    font: normal normal normal 60px FontAwesome;
    position: relative;
    margin: 10px auto;
    bottom: 0px;
    color: #f76f03;
    display: block;
    height: 80px;
    width: 80px;
}

I was see now the elements .blue-text::before and .red-text::before

that css code should work

the inspect tool in chrome browser is very helpful when it comes to changes css :)

i learn all the time. i like it :)

thanks

what is the benefits to use fontawsome icons and are they free to use?

i think it must slow down website loading speed a little when it need to request the icon all the time from another server?

If you are changing it in the base css instead of just adding the code to the custom css in the admin panel, you would need to set dev mode to true, and refresh the site. You may also need to clear browser cache.

Remember that anytime you make changes to the server side files; you will need to set dev mode to true, refresh the site, and set dev mode back to false.

@ Rob

The only thing I don't know is if they installed a custom FontAwesome icon set with the theme, or if they are using the CDN.

You may try adding !important after the unicode  [ "/fo41"!important; ]

If they are using the CDN all of the 4.7 icons should be available. If they aren't, there may be some they didn't include in a custom file.

One way to find out what they are using is to look at the head section in the index.html to see if they are linking to the CDN, and which version.

If they downloaded a custom file, it would be in the fonts folder. If they did this, you could open that file to see what font icons they have available.

problem is if they own cdn is suddenly have issues with they servers then you own website have issues to.

hmm i use cloudflare on my website for speed up image and icon loading...but still there is alwasy extra loading when a fresh page is loading with no cache(specially if they load from a external server). second time much faster.

Rob

do you have a path like this on you server?

ow_static/plugins/fontawesome/

or

ow_static/plugins/fontawesome/css

maybe can find icons inside this folders and or add,edit new css code there

I typically use cdnjs site.

@Rob  I looked at the page source. They aren't using the CDN. They are using a plugin. Who knows what it has, or doesn't have.  There is more than one way to skin the cat, so to say.  You could add the CDN to the theme, if you want to.

Just under the opening <head> tag in the html_document.html file in the master pages just add this bit of code, and you will have FontAwesome 4.7. I put quotation marks around the code. Don't copy those.  If you do add it, be sure to set dev mode to true to refresh the site. You should then be able to go back to the css mentioned earlier to make your changes.

" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/...font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" /> "