Hi,
Glad to hear, to adjust the text try this css:

#main .main_color .avia_textblock td .p1 {
    margin: 0;
    line-height: 20px;
    font-size: 18px;
    color: #000;
}

To remove the extra padding & margin from the images above to tighten it up, try this css:

#main .main_color .avia_textblock td img {
	margin: auto;
	padding: 0;
}
#main .main_color .avia_textblock tr:nth-child(1) td {
	padding: 0;
}

Please see the screenshot in the Private Content area of the expected results.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey flordelizamejia,

Please try adding this to 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

Hey lauragrashoff,

Thanks for the login details. The space seems to be working fine on my end when I checked a Special Heading and Text Block element, where exactly are you seeing this problem?

Please try this in your functions.php file to fix the image reordering problem:

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 Markus,

Thanks for the update.

1. Are you looking to make changes which will apply to your whole site? If so, then please do them under Enfold->General Styling->Typography. If you want to target that heading only, then please try this in Quick CSS:

.home #av-layout-grid-1 h1.av-special-heading-tag {
    font-size: 54px;
}

@media only screen and (max-width: 767px) {
.home #av-layout-grid-1 h1.av-special-heading-tag {
    font-size: 20px;
}
}

2. Please try this CSS as well:

.home #av-layout-grid-1 .avia_iconbox_title {
    font-size: 20px;
}

3. Could you try to add a Separator/Whitespace element inside of the right cell? That should make it larger in mobile.

Best regards,
Rikard

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