Changing h1, h2, h3, etc in Enfold

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.

By the way: a lot of very specific changings here on support are little snippets that comes to child-theme functions.php
On general they can be applied via : Dashboard – Appearance – Theme Editor.
There is a list of child-theme files on the right side – click on functions.php

i always have on this file ( just add snippets here – the first line has to be untouched here ):

function admin_head_mod() {
  echo '<style type="text/css">
  #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%}
  #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important}
  .avia_footer_links li {float: left;padding-right: 20px}
  .avia_footer .avia_footer_save {float: left}
  .avia_reset {pointer-events: none !important }
  </style>';
}
add_action('admin_head', 'admin_head_mod');

this file maximises the quick css input field to the whole width – for me it is to narrow to use it with nice haptik
And it deactivates the Reset button – because some unexperienced users have pressed that button accidentally and lost all quick css data and enfold settings.

• This reply was modified 5 years, 6 months ago by Guenni007.