Hey!

Please remove Color Section background image.
Instead use custom class and add the background using CSS and adjust as you like.

First enable custom class support and add class name "custom-bg-1" to the color section

Add the below css in Quick CSS and you might have to tweak some CSS in mobile version.

/* Color Section Bg Image*/
.custom-bg-1 {
background: #FFF url(https://www.potentialmatters.com/wp-content/uploads/2016/01/123rf-28387068-2560x933-smaller.jpg);   
background-size: cover;     
background-position:bottom right; 
}
/*Background in mobile version*/
@media only screen and (max-width: 767px) {
  .custom-bg-1 {
background-size: cover;     
height:auto;
background-position:topcenter; 
} 
}

If it still don’t look right to you 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.

Best regards,
Vinay Kashyap

Hi goldengate415!

Thanks for reaching out to us.

I noticed you asked this question in another thread as well but I will also give you the answer here.

To have the background color show for all the icons like the Facebook icon using the CSS code, you have to edit the CSS for each icon separately. So the code for Twitter and Facebook would look like:

#top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: ##46d4fe !important;
}

#top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b !important;
}

Doing this for the other icons will require you to know the background color for the icons as well. Let me know if you need further assistance.

Best regards,
Jordan

Hey goldengate415!

To have the background color show for all the icons like the Facebook icon using the CSS code, you have to edit the CSS for each icon separately. For example, to use the code for the Twitter icon, you need to change the background color to the one used for the Twitter icon and change .av-social-link-facebook to .av-social-link-twitter. So the code would look like:

#top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: ##46d4fe;
}

Doing this for the other icons will require you to know the background color for the icons as well. Let me know if you need further assistance.

Regards,
Jordan

Hey!

From the above code snippet you provided, this line explains that you need to remove the comment tags from the code that corresponds to where you want the Add to Cart button to be shown. The lower part of the code should look like this to move the Add to Cart to the top:

/*
 * TO MOVE THE TICKET FORM UNCOMMENT ONE OF THE FOLLOWING BY REMOVING THE //
 */

// Uncomment to Move Ticket Form Below Related Events
//tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_after_the_meta', 20 );
// Uncomment to Move Ticket Form Below the Event Description
//tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_after_the_content', 5 );
// Uncomment to Move Ticket Form Above the Event Description 
tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_before_the_content');
tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_before_the_meta');

Try the above and let us know.

Regards,
Jordan

Hey Angela!

Please add the following CSS to the Quick CSS field:

.sub-menu .avia-menu-text {
    color: #fff;
}

ul.sub-menu {
    top: 85%;
}

It should change the sub menu text to white and move it closer to the main menu.
Regards,
Jordan

Hi!

You can add the following CSS in the Quick CSS field to stop the calculator icon from being cut off and to remove the animation on the pop up icons.

/*Adjusts the height so that the calculator icon is not cut off*/
.av-icon-on-hover .avia_button_icon {
    height: 1.2em !important;
}

/*Removes the animation from the pop up icons in the widget*/
.avia_transform .avia_start_delayed_animation.av_font_icon {
    animation: none !important;
}

Regards,
Jordan