Hey!

Replace the code with this:

<span class="custom-text">Industrial Marketing & Consulting</span><span class="custom-number">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='12px' position='left' color=''][/av_font_icon]281.969.7514MM</span>

Add this to the Quick CSS field:

span.custom-text {
  margin-right: 10px;
  border-right: 1px solid white;
  padding-right: 10px;
}

Cheers!
Ismael

Hey!

You can customize the header using the Quick CSS field but I’m afraid we can’t help you with it. The modification that you’re asking is outside the scope of support. It’s better if you hire a freelance developer to modify it. You can start with this:

.header-scrolled-full {
  width: 80% !important;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

Best regards,
Ismael

Hey!

@strom84: Thanks for sharing. ;)

Cheers!
Ismael

Hey therqworld!

Thank you for using Enfold.

Try to install this plugin: https://wordpress.org/plugins/wp-smtp/

This is the yahoo smtp mail settings: http://email.about.com/od/accessingyahoomail/f/Yahoo_Mail_SMTP_Settings.htm

Regards,
Ismael

Hi!

I’m sorry but it’s not possible. That will require custom modification that is beyond the scope of support. What we can do is to adjust the padding and font size when viewing on smaller screens:

@media only screen and (max-width: 1200px) {
.av-main-nav > li > a {
  padding: 0 4px;
  font-size: 11px;
}}

Cheers!
Ismael

Hey!

You can add this to the Quick CSS field:

a.avia_image.mfp-iframe.lightbox-added:before {
  content: '\E897';
  font-family: 'entypo-fontello';
  position: absolute;
  border-radius: 50px;
  background: #2d5c88;
  height: 50px;
  width: 50px;
  line-height: 50px;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  z-index: 500;
  text-align: center;
  color: #fff;
  opacity: .5;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.avia-image-container-inner:hover a.avia_image.mfp-iframe.lightbox-added:before {
  content: '';
  opacity: 0;
}

Cheers!
Ismael

Hey!

A.) You can add the code to the Enfold > General Styling > Quick CSS field.

B.) Use the page id attribute to change the color for different pages. Can you please provide a screenshot of what you’re trying to do? You can use imgur or dropbox.

Regards,
Ismael

Hey designspecialisten!

Thank you for using Enfold.

I don’t know if I understand you clearly so if possible, please provide a screenshot of what you’re trying to do. Are you trying to add a category overview page? There is no default element for that so you have to add it manually.

Best regards,
Ismael

Hey!

We don’t want to break the site as well so we have to make sure that you remove all modifications suggested above. Did you remove all of them? I tried to create a test page but when I update the page, I get this error:

Fatal error: Internal Zend error – Missing class information for in /home/jmarkina/public_html/wp-content/plugins/google-analytics-for-wordpress/admin/api-libs/googleanalytics/class-api-googleanalytics.php on line 5

Best regards,
Ismael

Hey Frannie!

Thank you for using Enfold.

Please provide a link to the website. We would like to check it. Edit the style.css file, make sure that the Template name is the same as the folder name of the parent theme:

Template: enfold

Regards,
Ismael

Hi!

I don’t see any partner/logo element on the page. Did you remove it? To fix the gallery, try to use images with the same size or dimension. Or set the Gallery Preview Image Size to your preferred thumbnail size. I think the “Square” size will do.

Best regards,
Ismael

Hi Elindsay!

Thank you for using Enfold.

You have this custom css code which breaks the toggle symbol:

.responsive, .responsive span, .responsive span iframe[style], .responsive span img {
  width: 100% !important;
}

Add this to the Quick CSS field:

span.toggle_icon {
  width: 15px !important;
}

Regards,
Ismael

Hey Corina!

Thank you for using Enfold.

Please undo all modifications made on theme. Add this to the functions.php file to remove the theme’s default flag switcher:

add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
        remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}

Go to the WPML > Languages panel. Enable the Display the language switcher in the WP Menu. Select your main or secondary menu. Set the Language switcher style to Drop-down menu.

Best regards,
Ismael

Hey veritywebsolutions!

Thank you for using Enfold.

Please update the theme to version 3.1. If the upgrade doesn’t work, add this to the Quick CSS field:

@media only screen and (max-width: 767px) {
.cart_dropdown {
right: -60px;
}}

Cheers!
Ismael

Hey!

The css code above will only show 10% of the images. Try this:

@media only screen and (max-width: 768px) {
#full_slider_1 .avia-slideshow-inner, #full_slider_1 img {
  height: 315px !important;
  width: 150% !important;
  left: -50%;
}}

@media only screen and (max-width: 480px) {
#full_slider_1 .avia-slideshow-inner, #full_slider_1 img {
  height: 250px !important;
}}

It will not show exactly like the desktop view but you will get most part of the images. You should turn on the custom css class if you’re trying to modify a specific element such as the slider: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Regards,
Ismael