Hi,

1.) Any of those options should be fine, but we recommend the Quick CSS field or adding it in the child theme’s style.css file.

2.) Try to set the text-transform property to none, or just replace the css with this one.

.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
    padding-top: 5px;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
    text-transform: none !important;
}

Best regards,
Ismael

Hey emanuelecocchiaro,

Please try this in your functions.php file:

function ava_custom_css_admin_mod() {
    echo '<style>
      .wp-core-ui .attachments:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
      }
    </style>';
  }
  add_action('admin_head', 'ava_custom_css_admin_mod');

Best regards,
Rikard

Hi,

Thanks for the update. I still can’t see any problem with the font sizes, since they are corresponding to your element settings. How exactly did it work before, and which version of the theme were you running then?

The second problem is likely a theme problem. Please try to replace /enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-slideshow.php with this file: https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_9/alb/class-avia-slideshow.php. We can do it for you if you give us permission to do so, and if you include FTP login details in private as well.

Best regards,
Rikard

Hey Brolle,

Thank you for the inquiry.

You can use this css code to adjust the style of the product title.

.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
    padding-top: 5px;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css. If it doesn’t work, please post the site URL in the private field so that we can inspect the product elements directly.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

We could decrease the font size of the menu items and adjust the width of the logo on screens that are smaller than 1366px. Please add this code in the Quick CSS field or in the child theme’s style.css file.

@media only screen and (max-width: 1366px) {
  #top #header .av-main-nav>li>a {
    font-size: 13px;
  }

  .logo img, .logo svg {
    max-height: 75px;
    top: 10px;
  }
}

Best regards,
Ismael

Hey dafcom,

Please try this in your functions.php file:

function ava_custom_css_admin_mod() {
    echo '<style>
      .wp-core-ui .attachments:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
      }
    </style>';
  }
  add_action('admin_head', 'ava_custom_css_admin_mod');

Best regards,
Rikard

Hi,
Thanks for the screenshot, the issue that I see is sometimes you have a strong > span
<strong><span style="font-size: 18pt; font-family: tahoma, arial, helvetica, sans-serif; color: #000080;">
and other times you have a span > strong > span
<span style="color: #000080;"><strong><span style="font-size: 18pt; font-family: tahoma, arial, helvetica, sans-serif;">
so you will need to manually correct the wrong ones with the color span before the strong by removing that span and add the color to the span after the strong.
Considering that your posts have a lot of added colors with spans and strong, I don’t see an easier way to adjust these colors except manually.

Best regards,
Mike

Hi,

Looks like the default style for the caption is overriding the advanced styling. Please try to add this css code temporarily to adjust the title of the captions on mobile view.

@media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption h2 {
        font-size: 70px !important;
    }
}

Best regards,
Ismael

Hi,
Thanks for the feedback, as I understood you wanted to change the £30.00 font size, like in the screenshot above, correct?
If so this css is still working in my tests:

#top.single-product .price span.woocommerce-Price-amount,
#top.single-product .price span.woocommerce-Price-currencySymbol{ 
    font-size: 20px;
}

try checking that this was copied correctly, or perhaps you have a css error before this, try adding it to the WordPress ▸ Customize ▸ Additional CSS field to check.
To center the div try this css:

#top.single-product #subscription_product_id > .av-woo-purchase-button.avia-builder-el-last {
	text-align: center;
}

here is a screenshot of my test of these two rules, note the £30.00 font is larger and the div is centered:

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Kurt,

Thank you for the inquiry.

This is actually a known issue on the latest version of the theme. To fix the gallery sorting, please add this code in the functions.php file temporarily .

function ava_custom_css_admin_mod() {
    echo '<style>
      .wp-core-ui .attachments:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
      }
    </style>';
 }
 add_action('admin_head', 'ava_custom_css_admin_mod');

Related thread: https://kriesi.at/support/topic/gallery-drag-and-drop-sort/#post-1337989

Best regards,
Ismael

Hi,

Thanks for that, let’s try to figure out one problem at a time. I checked the page in private and I see that you haven’t selected any font sizes except for desktop for some slides, like the first two slides. If you only select a font size for desktop, then that font size will apply on the other screen sizes as well. If you want to keep the default sizes, then please remove your font size selections. I checked the second slider, since the first one is hidden for small screen sizes.

Best regards,
Rikard

Hey Peter,

This is WordPress problem unfortunately: https://core.trac.wordpress.org/ticket/54902. It will be fixed in the next WordPress release. If you need this working quicker, then please try this in your functions.php file:

function ava_custom_css_admin_mod() {
    echo '<style>
      .wp-core-ui .attachments:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
      }
    </style>';
  }
  add_action('admin_head', 'ava_custom_css_admin_mod');

Best regards,
Rikard

Hi,

Thank you for your patience.

Adding this code in the functions.php file should fix the gallery sorting.

function ava_custom_css_admin_mod() {
    echo '<style>
      .wp-core-ui .attachments:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
      }
    </style>';
 }
 add_action('admin_head', 'ava_custom_css_admin_mod');

Best regards,
Ismael

Hi,

Thank you for the update.

The above filter is supposed to disable the modification that the theme applies to the ampersand character and the css modifies the default style of the “special_amp” element. Please keep the css modification for now.

If you want to directly apply the default font to the ampersand, please use this css code.

.responsive #top .special_amp {
    font-size: 15px;
    font-weight: 400;
    font-family: 'rubik',Helvetica,Arial,sans-serif;
    font-style: normal;
}

Best regards,
Ismael

Hi,
Thank you for the link to your page and the screenshots, when I check your page I see this, so it seems that the hiding of the quantity section is working

please try this css instead:

#top.single-product .price span.woocommerce-Price-amount,
#top.single-product .price span.woocommerce-Price-currencySymbol{ 
     font-size: 20px;
}
#top.single-product .quantity { 
    display: none; 
}
#top.single-product .av-woo-purchase-button .cart {
	float: none;
    display: inline-flex;
    margin-bottom: 0;
}
#top.single-product .first-payment-date {
	margin: 0;
}

the expected results:

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey furkanbutt,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#socket .social_bookmarks {
    margin: -90px 40% 0 30px;
}
#socket .social_bookmarks a:before {
    font-size: 16px;
}
}

Best regards,
Rikard