Hey macjeffff,
Thank you for the link to your site, I many things to break the font size but couldn’t, and I have not seen this issue before.
For peace of mind I would recommend adding a custom class to each and writing a backup css rule and then add it to the WordPress ▸ Customize ▸ Additional CSS field, since this one has the highest priority.
This way whatever is causing the original css rule to break this backup one would solve.
Sorry that I was not much help, but if I could see the error I probably would be able to help more.

Best regards,
Mike

Hi,
Thanks for the feedback, I believe this might be coming from a Firefox extension Simple Translate adding to the text blocks when you copy & paste in your browser, are you using this extension? You may want to disable it when you work on your site. I looked through some of your pages and removed this code adding the un-wanted blocks

<div id="simple-translate">
<div>
<div class="simple-translate-button isShow" style="background-image: url('moz-extension://2568a979-4678-4b1e-bd5a-8d670de04d36/icons/512.png'); height: 22px; width: 22px; top: 83px; left: -22px;"></div>
<div class="simple-translate-panel " style="width: 300px; height: 200px; top: 0px; left: 0px; font-size: 13px; background-color: #ffffff;">
<div class="simple-translate-result-wrapper" style="overflow: hidden;">
<div class="simple-translate-move" draggable="true"></div>
<div class="simple-translate-result-contents">
<p class="simple-translate-result" dir="auto" style="color: #000000;"></p>
<p class="simple-translate-candidate" dir="auto" style="color: #737373;"></p>

</div>
</div>
</div>
</div>
</div>

If you are working in a text block element and see a white box in the preview area switch to the “text” tab and remove the code, like this:

you can also use the css above as it won’t cause any issues even if you remove all of the code from your site, it could help in the future if you miss one.

Best regards,
Mike

Hi Kati,

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

span.wpcf7-list-item-label {
  font-size: 16px;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try this in Quick CSS:

.page-id-4687 #av_section_1 .container {
    max-width: 100%;
    padding-left: 0;
    margin-left: 0;
}

As for the font sizes; you can do that manually, like this for example:

<h1 style="font-size: 45px;">This is your header</h1>

Best regards,
Rikard

Hi,

I edited the CSS a bit, and it’s applying to your site now. Please review it.

h3.tribe-events-widget-events-list__event-title {
 font-size: 15px !important;
}

span.tribe-events-widget-events-list__event-cost-price {
 font-size: 28px !important;
}

Best regards,
Rikard

Hi Beth,

Please try this CSS instead:

h3.tribe-events-widget-events-list__event-title {
  font-size: 20px;
}

span.tribe-events-widget-events-list__event-cost-price {
  font-size: 14px;
}

Best regards,
Rikard

Hi,
Thank you for the links, as you know both the Final Total and the Extra Options / Product Add-Ons Subtotal are from plugins, neither are standard, the Subtotal is updated by javascript on click / selection from the Extra Options, but this plugin doesn’t update the Final Total because they are not related, that is Extra Options is not looking to update the Final Total. In the Extra Options documentation it doesn’t show the Final Total only a larger Subtotal above the “add to cart” button.
It seems redundant to show the price twice so I recommend using the following css to hide the Final Total and adjust the Subtotal into it’s place:

#top.single-product .single_variation_wrap #tc-final-price-total {
	display: none;
}
#top.single-product div.product-addon-totals .wc-pao-subtotal-line {
    justify-content: start;
}
#top.single-product div.product-addon-totals .wc-pao-subtotal-line .price,
#top.single-product div.product-addon-totals .wc-pao-subtotal-line .price .amount {
	font-size: 1.5em;
    font-weight: bold;
    color:#383838;
}

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

Best regards,
Mike

Hi Bernhard,

You can upload your screenshots on imgur.com and post the links here.

Could you please try adding !important rule and check if that makes a difference?

#top .woocommerce .data-privacy span {
  font-size: 16px !important;
}

Best regards,
Yigit

Hi,

Thanks for the update. Please try this CSS as well:

1.

.avia_sortable_active span.text-sep {
  font-size: 18px;
}

2.

.active_sort .inner_sort_button span {
  color: red;
}

Best regards,
Rikard

Hi,

Thanks for the update. Do you want to increase the font size? If so, then please try this in Quick CSS:

.phone-info div {
  font-size: 16px;
}

Best regards,
Rikard