Hey!

It is possible but only to content elements at the moment:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Regards,
Josue

Hey!

Are you using the same theme folder name in both installations? as an alternative you can use the options found in Enfold > Import/Export.

Cheers!
Josue

Hey Andrea!

Unfortunately it’s not as easy as adding a bit of code to the functions.php. However, i tried the plugin you mentioned and it does work with Enfold, you need to have the fixed widget as the only (or last) widget in the sidebar and perhaps setting a higher top offset.

Regards,
Josue

Hey!

In one of your previous topics you actually found exactly what you need to see the code that the drag and drop editor creates: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ (https://kriesi.at/support/topic/disable-avia-layout-builder-2/#post-299512)

You of course can also always use the shortcodes manually but it isn’t needed.

If you have not already watch this video which is a basic overview of using the drag and drop editor to create a page: https://vimeo.com/channels/aviathemes/64927358

As for switching back and forth you are correct. The data is stored in a different field to where the regular visual editor content is stored. Its the same as storing meta data and pretty standard for drag and drop editors to do these days.

If you want to work purely with shortcodes you still can. You can even use a combination of the drag and drop editor and raw code by using the code element in your ALB layouts so that you can work with html+css and the shortcodes together.

Every single page is available as pure shortcodes if you enable the debug mode though editing that field to add in html or plain text isn’t advised. Instead add a code element anywhere you want to work with raw code. Add a text element if its simply shortcodes or text/headings.

For everything else you can use classes on elements and a bit of css to handle customization like you would when doing every day WordPress customization.

Regards,
Devin

Hey!

The first website is not using Enfold.

Regarding your site, i believe that disabling the Enfold form styling will do the trick, open css/base.css and remove from line 182-253:

/* #Forms
================================================== */

	#top form {
		margin-bottom: 20px; }
	#top fieldset {
		margin-bottom: 20px; }
	#top .input-text,
	#top input[type="text"],
	#top input[type="input"],
	#top input[type="password"],
	#top input[type="email"],
	#top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
	#top textarea,
	#top select {
		 -webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
		}

	#top input[type="text"]:focus,
	#top input[type="password"]:focus,
	#top input[type="email"]:focus,
	#top input[type="number"]:focus,
    #top input[type="url"]:focus,
    #top input[type="tel"]:focus,
    #top input[type="search"]:focus,
	#top textarea:focus {
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
 		color: #555;
		}
	#top textarea {
		min-height: 60px; line-height:1.5em;}
	#top label{
		display: block;
		font-weight: bold;
		font-size: 12px;  }
	#top legend {
		display: block;
		font-weight: normal;
		font-size: 15px;  }
	#top select {
		width: 220px; }
	#top input[type="checkbox"] {
		display: inline; }
	#top label span,
	#top legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

	#top textarea{width:100%;}

#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;}
#top #wrap_all .valid  .input_checkbox_label{color:#9AA600;}
#top #wrap_all .error  .input_checkbox_label{color:#DF653E;}

Cheers!
Josue

Hey!

If you want to see the code ALB generates you can activate this, a textarea will appear below the Layout Builder.

Regards,
Josue

Hey Adrien!

Have you actually tried the “Nav Menu Roles” plugin with Enfold? the theme uses the normal WordPress menu functionality.

Cheers!
Josue

Hi!

The problem is that the dynamic stylesheet is getting cached by the browser, we fixed this in the latest version (2.9.1) of the theme. Try updating.

Cheers!
Josue

Hey!

Can you post a link to your website? i don’t think using a mobile theme plugin will work with Enfold because the theme uses a lot of shortcodes.

Cheers!
Josue

Hi!

Enable this and set a class of “icon_right” to the button in question, then add this to the Quick CSS:

.icon_right .avia_button_icon {
    right: -0.3em !important;
    left: auto !important;
    float: right;
}

Regards,
Josue