Now I see what you are saying. I still think you need to edit the framework file to make that input into a <button></button> tag. The form button field (RED ARROW from your image) is placed into <input type="submit" value="Submit <span class="avia_button_icon avia_button_icon_right" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>"/>

Am I correct in saying you are getting this: Submit <span class="avia_button_icon avia_button_icon_right" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> instead of this Submit >.

Again the root of the problem is trying to put HTML into a data-attribute, which we are limited to with an <input/> tag.

This StackExchange answer may be what you are looking for https://stackoverflow.com/questions/5823835/html-in-the-input-field-value
I tried replacing the brackets, but it still escaped the HTML.

@Guenni007 Your method would be far superior. Sidenote I always appreciate your answers! You definitely add some amazing solutions on this forum, I applaud your effort!

• This reply was modified 7 years, 5 months ago by talawar.

I ended up editing the parent theme… framework/php/class-form-generator.php

Line 322
Replace the <input> tag with <button>HTML that to display</button> leave all of the

The <input> is just too limited to work with using jQuery or Javascript. The value=”” attribute doesn’t do well with HTML.

I found the easiest way to get the desired HTML ( a button with an icon ) with the minimal CSS styling adjustments, was to inspect an existing button in the chrome debug window.

Copy the element at this parent div: <div class="avia-button-wrap avia-button-center el_after_av_hr avia-builder-el-last main_btn">
Remove the identifying class e.g. “avia-builder-el-48″ if your choose to”
The I removeded the href="" and change the <a> tags to <span> tags.

One draw back that I haven’t solved is that the page will now refresh on “SUBMIT.” I don’t feel it is essential to this project but it would be nice to figure this out for the future. It is a bummer that I will have to update the parent everytime…

I used the following CSS to stop the unwanted styling effects:

.avia_ajax_form .button {
    margin: 0;
    padding: 0;
    border-radius: 2px;
    border-bottom-width: 0;
    border-bottom-style: none;
    font-weight: 700;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}
.main_color .button:hover {
background:white;
}

Finally I added a class, “someclass”, after class="avia_iconbox_title someclass" like this to finish the styling.

I wouldn’t want to create duplicate pages for SEO purposes. I’ll just have to program it with some JS.

I figured it out.

Sorry, I was referring to the title of the post and I forgot to recap it in the post.

I added custom widget areas in my widgets panel. Then when I was trying to delete them the delete function wasn’t working, resulting in the spinner continuously spinning. There was no possible way to delete these certain sections.

SOLUTION:
Log into the DB. (I used phpMyAdmin)
open table : wp_rxcwrn_options
edit row: avia_sidebars

Now the data is serialized so be careful editing the array

Here is an example of how to do it:

a:2{i:0;s:21:"great sidebar";i:1;s:9:"sidebar that will not delete";}

Should look like this to delete “sidebar that will not delete”:

a:1{i:0;s:21:"great sidebar";}

NOTE the a:2 changes the a:1. a:x is equal to the number of custom widget areas you have. This doesn’t include the footer widgets or the default sidebars.

I hope this helps someone.

Ah ok I was looking for a JS file in my brief search. Thank you!