Hi!

Yes you can create custom separators and use it at a later stage.

The result will look like the screenshot below

To do so you need to enable custom class support for the theme as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

After you enable it you can add different class names such as separator-1, separator-2, separator-3 and separator-4 to the short separator in Advance Layout builder.

/*Separator Styles*/
.separator-1 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;
}
 
.separator-2 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;    
}
.separator-2  .hr-inner {
    width: 50%!important;
    left: 50%;
    margin-left: 0!important;
    transform:translateX(-50%);
}
 
.separator-2 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;    
}
.separator-3  .hr-inner {
    width: 100%!important;
    left: 50%;
    margin-left: 0!important;
    transform:translateX(-50%);
}
 
.separator-4 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;
    width:20px;
    height:20px;
    top:-5px;
}

Cheers!
Vinay Kashyap

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

Hey!

The code works! We added it in quick CSS :)

Regards,
Vinay Kashyap

Hi!

Great! Please add the below code for space after the © symbol add it 2 or 3 times if you like more space

 

Cheers!
Vinay Kashyap

Hey!

Not quite sure what is causing this… please use the plugin mentioned earlier and let us know if it works with the plugin fine.

Best regards,
Vinay Kashyap

Hi!

If you like to edit the js for the header please goto wp-content\themes\enfold\js\avia.js and search for .av_header_transparency
and you can find most of the css in wp-content\themes\enfold\css\layout.css

Cheers!
Vinay Kashyap

Hi M|C!

It can be done from Appearance > Menu > Expand the menu item and select an option from “Menu Style”

Cheers!
Vinay Kashyap

Hi!

Sure, what is the link to the page where we can see the element in question :)

Regards,
Vinay Kashyap

Hey!

We need to take a closer look to see what is causing the footer to float left always 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 better.

Regards,
Vinay Kashyap

Hi!

To highlight the fullwidth submenu on same page while scrolling please add the below code to functions.php file

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.av-submenu-container'),        
         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
}

Then add your own highlight style

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

Cheers!
Vinay Kashyap

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

Hey!

Please try it without the ”

h3 {
font-family: washington_textregular !important;
}

If you still have issues please use this plugin https://wordpress.org/plugins/use-any-font/

Regards,
Vinay Kashyap

Hey!

To make the icons rounded please use the below css

.social_bookmarks li {
	border-radius: 100px;
}

If you have any issues please get back to us with the link to your site.

Best regards,
Vinay Kashyap

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

Hey!

Glad you got it fixed! Please feel free to get in touch with us if you have any questions.
Thank you for using Enfold :)

Regards,
Vinay Kashyap

Hey arranch!

It will be a lot of custom work to edit the woocommerce product page instead use a plugin like https://wordpress.org/plugins/yith-woocommerce-advanced-reviews/

https://wordpress.org/plugins/search.php?q=woocommerce+testimonial

To hide the product catogery please add the below code to Enfold > General Styling > Quick CSS

.single-product .product_meta .posted_in {
	display: none !important;
}

Best regards,
Vinay Kashyap

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

Hey!

We can see the element in question now. Is this the heading we are talking about?

“LATEST VIDEO: MISSING FLASHING LEADS TO MOISTURE ISSUES”

If it worked on one page for you it should work on homepage as well unless some js has a conflict only on the homepage the hover icon should show and the light box should open. To find if any of the plugin is in conflict please follow the steps below

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

If that don’t resolve 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 so we can take a closer look.

Cheers!
Vinay Kashyap

Hi!

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

Best regards,
Vinay Kashyap