Hey!

Please check this link for working examples at the bottom of the page…

http://www.docs.purethemes.net/sukces/layerslider/documentation/documentation.html

Hope this helps :)

Regards,
Vinay Kashyap

Hey!

We are working on your ticket please wait while we update the results here soon.

Enable custom class support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Add class col-6 to color section

Add the 6 1/5 elements inside the color section

Add the below css in Enfold > General styling > Quick CSS

/* 6 columns */
.col-6 .column-top-margin { margin-top: 0px !important; }
.col-6 div .av_one_fifth { width: 15%!important; margin-left: 2%; }
.col-6 .first { margin-left: 0!important; clear: none; }
.col-6 .el_after_av_one_fifth { margin-left: 2%!important; }

Regards,
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hi!

Not clear what you are trying to do… let me rephrase you want to make the header transparent when the page is scrolled correct?
Image of the header in private content. You want this to be transparent while scrolling the page right?

Since there is white background on the page the menu items will not be visible if you make it transparent…

Then the menu color has to be changed to black but that will make the menu look black color as soon as the page is loaded…
You can make the menu items color different on scroll and also have to take care of it in the mobile view that is only possible with a lot of modifications… to accomplish this you might have to hire a freelancer.

Best regards,
Vinay Kashyap

Hi!

Sorry for the delay.
We are working on your ticket please wait while we update the results here soon.

To achieve the design similar tot he mockup you have shared.

Please use a “Grid row” element and use 2 1/2 sections and background image and make it “stretch to fit”

Turn on custom class http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

For the main Grid add class “full-height” as shown in the below screenshot

Add the below css in Quick CSS

/* Full height*/
.full-height {
height:100vh;
}

ANOTHER EASY WAY

Enable enfold debug mode and Custom class support
kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Create a new page and paste the below shortcode in default editor and publish/update the page

[av_layout_row border='' min_height='600px' color='main_color' mobile='av-flex-cells' id='' custom_class='full-height']
[av_cell_one_half vertical_align='middle' padding='150px' padding_sync='true' background_color='#ffffff' src='http://localhost/_proj/enfold/wp-content/uploads/2015/07/minimal-workpiece-4-1-705x430.jpg' attachment='98' attachment_size='featured' background_attachment='scroll' background_position='top left' background_repeat='stretch' custom_class='']

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='50px' padding_sync='true' background_color='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch']

[/av_cell_one_half]
[/av_layout_row]

lastly select transparent header from the page right sidebar.

If you still have issues please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Cheers!
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hi!

Yes we can do that with the titles …

Sorry the code in function.php conflicted…. please login to your FTP and goto the child theme folder download the functions.php and remove the last block that says “// Title length” from functions.php and re-upload it or create a FTP user ID and share in private.

Best regards,
Vinay Kashyap

Hey!

Please add the following CSS to Quick CSS to change the font color

/* Validation error font color*/
.form_element.error input::-webkit-input-placeholder, 
.form_element.error input:-moz-placeholder,
.form_element.error input::-moz-placeholder,
.form_element.error input:-ms-input-placeholder,
.form_element.error input:placeholder-shown{
     color:#FFF!important;
     opacity: 1;
}

Best regards,
Vinay Kashyap

Hi!

we have modified and updated the code please check the site now…
To show more or less words please feel free to adjust the number 30 in line

return currentText.substr(0, 30);  

The code is in functions.php at the bottom.

// Excerpt length
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery("div.entry-content").text(function(index, currentText) {
     		return currentText.substr(0, 30);     		
		 });
     	jQuery("div.entry-content").append("...");        
    });
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

Best regards,
Vinay Kashyap

Hey!

Sorry for the delay.

We tested the link provided when i click load more there are no more items to load and the publications do not appear in the filter.. did you get this sorted? if not please share a mockup of the issue as we cannot see it on the link you have provided.

Regards,
Vinay Kashyap

Hey!

Sorry for the delay.
We are working on your ticket please wait while we update the results here soon.

Looks like you have sorted out the fixed mobile menu issue… The logo jumps to the right because the scroll bar is deactivated when you click the menu…

To resolve this make the mobile menu container 100% wide and add some padding to the logo to left and some margin to the menu buttons.

Use the below css in Enfold > General Styling > Quick CSS

/* mobile menu adjustments */
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 20px!important;
}
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    margin-right: 20px!important;
}
}

Best regards,
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hi!

You can put the aweber code in any grid section if you can insert a text widget into it.

Cheers!
Vinay Kashyap

Hey!

We are working on your ticket please wait while we update the results here soon.

Please add this to Enfold > General Styling > Quick CSS

/* Woo Commerce validation label*/
.form-row.form-row-first label{
	float:left!important;
	clear:both!important;
	width:100%;
}

Best regards,
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hey!

We are working on your ticket please wait while we update the results here soon.

Please check the link in private content

1. We added the below custom css in quick css

/* Adapt icon border */
.adapt-icon-border span{
    padding: 20px!important; 
}

/* Remove icon border  */
.remove-icon-border span{
    border-style: none!important;
}

2. Enabled custom class name support
kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

add class “remove-icon-borde” to show captions without the round border it will look like inline icons
add class “adapt-icon-border” and adjust the padding in css to shrink the border around the icons.

You can still use the default inline icons and icons with round border :)

Regards,
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hey shaversky!

The white line appears only when the browser is exactly some 1370px wide
How is the grid setup? it looks much different on a wider screen.. please see private message for screenshot.

To resolve this issue use a color section and a 1/3 grid inside it like the below screenshot

Regards,
Vinay Kashyap

Hi WebVizion!

You have another ticket open for the same issue.
We will close this duplicate ticket so we can concentrate on one post and help you resolve faster.

Cheers!
Vinay Kashyap

Hi!

You are most welcome :)

If you have any questions please feel free to get in touch with us.

Regards,
Vinay Kashyap