We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Changing the icons | Forum

Topic location: Forum home » Development » Themes
Rob - Admiraliteit Imedia

Is there anyone who can help us find an icon in the "Higgs" theme from the OW visual developer?

We would very much like to have changed two icons.!

Yes, we know that we have to address the developer for that, but up untill to day we have not received a response.!

Perhaps there is a solution to find out where these icons are in the theme so that we can replace them.?

Patricia Zorrilla Leader
Patricia Zorrilla Dec 15 '19
You will find the icons in yoursite.com/ow_themes/themeName/images


Rob - Admiraliteit Imedia

Is correct Patricia, but they are not immediately there as a complete icon.

Most likely the visual part is made up of several files to display it as 1 icon.

We cannot find it as 1 icon in any case.

Rob - Admiraliteit Imedia

We simply do not understand why some developers do not take buyers seriously and therefore do not answer them.

That greatly annoys us.!

Rob - Admiraliteit Imedia
There are only a few developers here (including you luckily) who do answer questions.!
OW-Ghost
OW-Ghost Dec 15 '19
Have you try press "inspect" on the icon with "google chrome developer tools" to see the correct path to the icon?


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

Rob - Admiraliteit Imedia
We have indeed done that Skadate Sweden, but because we are not familiar with the field of development, it is very difficult for us to search between the information that you receive.
Patricia Zorrilla Leader
Patricia Zorrilla Dec 15 '19

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!

Rob - Admiraliteit Imedia

Patricia,


We don't mind giving the name of our website, that's not the problem.

But if we switch over to a free theme, for example, then we do not have the same sign in page.

Here is the example (see attach, circled in red) of which icons we would like to have changed.

Of course, it would have been easier if the developer were to react, but unfortunately it still doesn't.

Attachments:
  Icons to be changed.JPG (62Kb)
OW-Ghost
OW-Ghost Dec 15 '19


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

The Forum post is edited by OW-Ghost Dec 15 '19
Rob - Admiraliteit Imedia

We think the icons are tied to the theme itself Skadate Sweden.

We do not know whether another script has been inserted into the theme, because unfortunately we do not know about that.

But again, we would like the developer to answer us back, but unfortunately that doesn't happen.

Oxwall Germany Club
Oxwall Germany Dec 15 '19
Topic was moved from General Questions.
OW-Ghost
OW-Ghost Dec 15 '19
similuar example from my theme:


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


and you have:


<img> == $0


hmmm...interesting indeed

The Forum post is edited by OW-Ghost Dec 15 '19
Patricia Zorrilla Leader
Patricia Zorrilla Dec 15 '19

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.

OW-Ghost
OW-Ghost Dec 15 '19
yes i was thinking that all the time it is a slider script that load this images


i agree need the source code for find them :)

The Forum post is edited by OW-Ghost Dec 15 '19
Darryl B Leader
Darryl B Dec 15 '19

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;
}


The Forum post is edited by Darryl B Dec 15 '19
OW-Ghost
OW-Ghost Dec 15 '19
+1 Darryl B


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


The Forum post is edited by OW-Ghost Dec 15 '19
OW-Ghost
OW-Ghost Dec 15 '19
can i ask something that is offtopic maybe?


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?

The Forum post is edited by OW-Ghost Dec 15 '19
Rob - Admiraliteit Imedia

Darryl B, your info is incredibly good but unfortunately a new icon is not displayed correctly or not displayed at all.!

We have found the rules in base.css and changed the code of the relevant icon.

But unfortunately LOL, this does not work optimally.

We keep trying.!

Darryl B Leader
Darryl B Dec 15 '19

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.

Pages: 1 2 »