Step by Step Reproduction of Issue:
1. Make any change to any style in the General Styling Tab (Primary Color, Logo Area font color, Quick CSS) and after clicking the Save all changes button in blue in the bottom right hand corner; the animations and rollovers break as described in detail here: https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

2. Make any change to any style in the Advanced Styling Tab (Menu Links in overlay/slide out, Main Menu Links, All headings) and after clicking the Save all changes button in blue in the bottom right hand corner; the animations and rollovers break as described in detail here: https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

3. Quick CSS Validation (General Styling Tab)
The only CSS that is in the Quick CSS section is the ampersand style that was baked into the template when purchased:

.special_amp { color: i#54f442; font-family: Nobile; font-size: 24; }

I want to change this too, but when I click the blue Save all changes button in the bottom right hand corner; all the animations and rollovers break as in detail here:
https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

With all due respect Victoria, if you can’t identify this problem after all of the descriptions and images I have provided for you, can you please assign to another moderator to look at. It’s been almost 40 days of back and forth on this topic and you just don’t seem to grasp the issue at hand. I’ve never had so much difficulty on this forum identifying an issue and resolving it. I’m running out of time on this and just trying to get it resolved and you just can’t seem to get out of the gate on helping/resolving the issue. Not sure how I can be more descriptive about this. It seems that there is a glitch in the Styling tabs when saving any Enfold Theme Option. At least in my case. Something has been corrupted along the way and I have made no major changes to the theme since purchase, just plugging in my own assets. Never had an issue with the other Enfold themes we have purchased and redesigned. In fact we love the theme, but need to move forward.

Thanks.

Hi Kriesi,

how can i edit the style of the Woocommerce Booking Calender in the E-Shop?
I want to remove the “Times are in Europe/Berlin” and setuo smaler size of the fonts.

Andy

So now to the page you give me the link.
btw. : i’m participant as you – so i can not see private content messages

First : this h1 heading you created in a text-block element. You can do that – but enfold has that heading ALB Element to do it in a better way
There you have all the possibilities to set up the color and size and and …
click to enlarge the image:

But on that page i see that you are not using merging. So long you have changings and stylings – this is better.

i only see the base.css entry for the h1 – so if you have set h1 on your advanced styling and saved the settings they must be visibile in your code.

try in quick css field:
( you see this is more specific than the base.css rule )

.avia_textblock h1 {
    font-size: 45px;
}

.avia_textblock h2 {
    font-size: 36px;
}

First : the place of advanced styling should work. i always use quick css for this because i like to have all changings on one place.
Second : After setting up on Advanced styling – did you refresh the merged files in Enfold ( Enfold-Child / Performance / ) ?
Third : Did you cleared all cache ( The browser cache can sometimes be very persistent.)

On General : The use of child-theme
A child-theme uses all settings of the parent theme and is for having not lost settings when updating the parent theme.
Most Settings (CSS) on Child-Theme are loaded after the parent theme css files – so on caskading rules the later one are the one that works ( if the rules are more or equal specific than parent rules)
there is one child-theme file ( the functions.php ) that did not overwrite parent theme but will add rules to it on general ( rules can be forced in there to overwrite ).

So if there is a rule on f.e. base.css of parent theme like:
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
it will be overwritten by child-theme css:
h1 { font-size: 40px}

but f.e. if there is a rule like :
.responsive .logo img{margin:0; }
and you have on your child-theme quick css
.logo img{margin:0; }
the first rule is more specific ( has a higher value : see here https://specificity.keegan.st/ )

For Changings: Enfold got this quick css field ( on Enfold-Child / General Styling )
there you can read as description:

Quick CSS
Just want to do some quick CSS changes? Enter them here, they will be applied to the theme. If you need to change major portions of the theme please use the custom.css file or the Enfold Child theme.

so to overwrite use quick css ( or the advanced styling) and be more or equal specific.

If you like to show your page – we can give more help to your code on detail.