Hi,
OK, can you explain which element you are editing or adding, and can you link to a copy of it to test with via DropBox?
If you are keeping a list of your changes and manually making the changes after each update, why not edit the shortcode element directly in the parent theme folder?
\enfold\config-templatebuilder\avia-shortcodes\[element folder]

But I’m very certain that moving the customized shortcode elements, using the function, will only work with a child theme. But I will be happy to test on my localhost if you link to your edited element via DropBox.

Best regards,
Mike

Hi,

@pilepale, glad the css solution helped & thanks for sharing you final page.
I noticed that at 767px the sidebar is touching the table, so perhaps this css will help with a little padding:

@media only screen and (min-width: 767px) and (max-width: 800px) { 
#top.single .avia-builder-widget-area {
    padding-left: 20px;
}
}

Best regards,
Mike

Hey Robert Goodman,
I tried to set your password in the Private Content area.
Please give it a try and let us know if it works for you.

Best regards,
Mike

Hey Eric,
It looks as though you have a image element inside of 1/2 of the grid, please try adding the image as a background of the 1/2 of the grid. It will then “cover” the whole grid half. When adding the background-image be sure to pick a large image attachment, so the image will be large enough.

Best regards,
Mike

Hi,
Thanks for the mockups, I believe that I have accomplish what you want with css:

What I did was use a 3/4 & 1/4 containers next to each other, with the 1/4 for the sidebar widget, and the 3/4 to hold a text block, code block, and a gallery.
I gave the text block the custom class “textblock” and the code block the custom class “tableblock”

The I used this css to put the textblock & tableblock side-by-side:

.textblock {
    max-width: 55%;
    width: 55%;
    float: left;
}
.tableblock {
    max-width: 35%;
    width: 35%;
    float: right;
}

I would add a media query rule to the css so that the two elements were stacked for mobile to make it easier to read, like this:

@media only screen and (min-width: 767px) {
.textblock {
    max-width: 55%;
    width: 55%;
    float: left;
}
.tableblock {
    max-width: 35%;
    width: 35%;
    float: right;
}
} 

Please give this a try and let us know if this helps.

Best regards,
Mike

Hey CrosbyInteractive,
I tried testing this on a new install of the “2017 Demo” by adding this css to highlight the keyboard focus as I tabbed though the page:

a:focus {
border:1px solid red !important;
}

and then I reloaded the Tab Section page, then without clicking I used the [tab] key to move to the tab section and was able to use the [enter] key to activate the tabs.
Is this the same tab section that you are referring to?
I believe the css helped a lot to identify where on the page the keyboard navigation was, perhaps this would also assist on your site.

Best regards,
Mike

Hey bgharper,
Please try this code in the General Styling > Quick CSS field:

.av-milestone-contentbox {
    width: 30% !important; 
}

The default setting for this is 50%, please try different percentages to achieve your effect.
If this doesn’t help, please link to your example page so we can fine tune the css to meet your needs.

Best regards,
Mike

Hi,
Perhaps if we could see a mockup of what you are trying to achieve we could advise better. I’m thinking either add your elements to the first container and use css to align, or add the shotcodes for the elements in div’s added into a code block element.
But it’s hard to picture what you are building.

Best regards,
Mike

Hey Gitte,
In order to create custom shortcode elements you need to add the “shortcodes” folder in the child theme path and add the function into the child theme functions.php
Please install the official Child Theme and then recreate the steps above.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I checked your source code for un-closed tags, but found none, but I did find that your menu items have a font-weight of 600, which is semi-bold, which also displays in FireFox and Edge similar to Safari.
So it could be that Chrome is not rendering the font-weight 600 correctly, you could try testing with this css:

.avia-menu-text {
font-weight: 400 !important;
}

to see if the menu items look better in Safari, if so you will need to decide if your want to change the font-weight for your whole site or just some items, or if you want to try a different font that renders better in every browser. Some fonts don’t.
Please give it a try and let us know.

Best regards,
Mike

Hi,
These is because you have forced the layout builder to place the elements in a way that is not meant to work, so when saving the page the advanced layout builder views it as a error and tries to correct, thus loosing the content. When it does remain the builder can not edit it correctly. This could lead to other issues and is not recommended.

Best regards,
Mike

Hi,
Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey better_in_violet,
Sure thing:

[av_layout_row border='' min_height='430px' color='main_color' mobile='av-flex-cells' id='' av_uid='av-2ous1e']

[av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='https://test.kriesi.at/minimal-portfolio/wp-content/uploads/sites/6/2015/07/me-bw.jpg' attachment='164' attachment_size='full' background_attachment='scroll' background_position='center left' background_repeat='stretch' av_uid='av-2izam2']

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='30px,100px,30px,100px' background_color='#f7f7f7' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-2eyxuq']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-298wey']

[av_heading tag='h3' padding='10' heading='About me' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-255i36'][/av_heading]

[av_textblock size='' font_color='' color='' av_uid='av-1x8p02']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis <strong>parturient</strong> montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_one_full][/av_cell_one_half][/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-1qovsy']
[av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-1lnfea']

[av_heading tag='h3' padding='10' heading='What I can do for you' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-1h8b02'][/av_heading]

[av_textblock size='' font_color='' color='' av_uid='av-1b3ryi']
Lorem ipsum dolor sit amet, consectetuer <strong>adipiscing</strong> elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-14eqhm']

[av_heading tag='h3' padding='10' heading='Skills' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-w7276'][/av_heading]

[av_textblock size='' font_color='' color='' av_uid='av-qcy5m']
Aenean vulputate eleifend tellus. <strong>Aenean</strong> leo ligula, porttitor eu, <strong>consequat</strong> vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
<ul>
	<li>Nullam felis eu pede mollis pretium.</li>
	<li>Integer tincidunt. Cras dapibus.</li>
	<li>Vivamus elementum semper nisi.</li>
</ul>
[/av_textblock]

[/av_one_half][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#f7f7f7' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-m1wd6']

[av_heading tag='h3' padding='20' heading='I am currently:' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-fnyl6'][/av_heading]

[av_button label='Available for work' link='page,156' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff' av_uid='av-bifve']

[/av_one_full]
[/av_section]

Best regards,
Mike

Hi,
This was because you had a missing bracket “}” in your css about halfway down, I corrected it for you.
That is what this error meant:

Please clear your browser cache and check the sidebar styling.

Best regards,
Mike