Hi!

You can have different style buttons or one style for all buttons…
First make some custom button styles and add it to Enfold > General Styling > Quick CSS

Example

.button-1 {
/* Button Styles*/
}
.button-2 {
/* Button Styles*/
}
.button-3 {
/* Button Styles*/
}

Then enable custom class name support for layout builder elements

Add the button class name to the button you create from Advance Layout Builder

For other buttons that are not part of advance layout builder you need custom css which Yigit already provided you with.

Best regards,
Vinay

Hi Francesco!

If you are using Transparent header please upload the logo in

Enfold options > header > Transparency Options > Transparency Logo

Best regards,
Vinay

Hey!

We added a new class name called “custom-width” to the element and the below css please review the site now

.custom-width{
max-width:1170px!important;
left:calc(50% - 5px);
transform:translateX(-50%);
}

Regards,
Vinay

Hi L+T!

The below screenshot is the only background video i could find in the links you provided and it just played fine there were no stops or shakes… I think you are experiencing this issue because of slow internet speed. We recommend that you check the issue on a different connection and let us know if it worked fine.

Cheers!
Vinay

Hi!

We created a new test page added a contact form with multiple ID’s and it worked fine… i haven’t received the email yet in my inbox may be it will take a while. but both the email address stay there

Regards,
Vinay

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

Hey!

Great! you found a work around… I checked the site in both desktop and mobile version and in both it looks neat!

please feel free to get in touch with us if you have any questions…

Thank you for using Enfold :)

Cheers!
Vinay

Hi!

The execution takes place when the page is scrolled not sure if it is a browser issue that it is not triggering the scroll when you scroll fast. It is very much possible that the browsers have a limitation to trigger the number of pixels…

You can change the top 300 offset height to 200 or 100 it should still work just fine just changes the ID when the section is scrolled x pixels offset from the top.

Regards,
Vinay

Hi!

Just like google index your content facebook also index some content of the pages please check it with facebook opengraph debug tool

https://developers.facebook.com/tools/debug/

The page on which you are getting an error is not indexed by FB you can use a plugin like http://beginnersbook.com/2013/10/5-free-plugins-adding-facebook-open-graph-meta-tags-wordpress/

Cheers!
Vinay

Hey!

The code you are using is for the main menu and also the code block is not closed correctly so it may be causing issues. please remove it and use the below code to change the full width menu background color

/* background color */
.av-submenu-container {
    background-color: gold!important;
}

Cheers!
Vinay

Hi!

The description is not clear what you are trying to achieve even tho you have mentioned you like to target a single element please choose the unique class name by right click and inspect the element

To add a red border around the date picker use the css below

.hasDatepicker {
border: 2px solid red ;
}

Regards,
Vinay

Hi Derek!

Most of the options you get are in the edit options of the advance layout builder elements. Please provide the link to the site where we can inspect the element in question so we can provide you with custom css if necessary.

Regards,
Vinay

Hey!

Please review the page now the menu highlights as you scroll the page you need to add class name “avia-section” to add the #ID check the code block for edited code.

Then we added the below code in functions.php

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('#menu-hardware'),        
         nav_height = menu.outerHeight();
         jQuery(window).on('scroll', function() {
            var cur_pos = jQuery(this).scrollTop();
            sections.each(function() {
                var top = jQuery(this).offset().top - 300,
                    bottom = top + jQuery(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    menu.find('a').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
 
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

and the below css in Enfold > general Styling > Quick CSS (at the bottom)
Edit the below CSS to change the highlight style

/* active menu item*/
.current_page_item .avia-menu-text, .active-menu-item {
  background:gold!important;
}

Cheers!
Vinay

Hey!

Currently your site is re-directing to http://127.0.0.1/dashboard/

Showing me the page in private content. Please check and get back to us when we can take a look at the element in question.

Cheers!
Vinay

Hey!

As i understand you need the left menu to highlight when the page is scrolled… We would like to take a closer look at the issue 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

Hey Jesusarco!

I do not see any errors on the link provided it seem to work fine not sure you got this sorted.

If you think there error is because some files were not transferred properly from the old server please use a plugin like https://wordpress.org/plugins/duplicator/ to transfer your site from one server to another.

The other reason could be because there may be a js conflict with plugins

To find the plugin in conflict please follow the below steps

1. Goto plugins page > Deactivate all active Plugins
2. Updated WordPress and Enfold to latest version if you have not.
3. Activate one plugin at a time… refresh the page and check for the issue.
4. Make sure the plugins are all updated

Regards,
Vinay