I try to make inline css like this; style="color:#ff0000;" ,

**strong text**Hi

I try to make inline css like this; style="color:#ff0000;" ,
but it doesn't work.
why?

Thanks

        <h2 class="u-custom-font u-heading-font u-text u-text-body-alt-color u-text-1" style="color:#ff0000;"> 11111111How to Get Consulting Clients</h2>

=================

  <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
    <div class="u-opacity u-opacity-65 u-shape u-shape-svg u-text-palette-1-base u-shape-1">
      <svg class="u-svg-link" preserveAspectRatio="none" viewBox="0 0 160 160" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e858"></use></svg>
      <svg class="u-svg-content" viewBox="0 0 160 160" x="0px" y="0px" id="svg-e858" style="enable-background:new 0 0 160 160;"><path d="M80,30c27.6,0,50,22.4,50,50s-22.4,50-50,50s-50-22.4-50-50S52.4,30,80,30 M80,0C35.8,0,0,35.8,0,80s35.8,80,80,80
s80-35.8,80-80S124.2,0,80,0L80,0z"></path></svg>
    </div>
    <div class="u-image u-image-circle u-preserve-proportions u-image-1" data-image-width="1405" data-image-height="1080"></div>
    <div class="u-palette-1-light-1 u-shape u-shape-circle u-shape-2"></div>
    <div class="u-container-style u-expanded-width-xs u-group u-palette-1-base u-radius-50 u-shape-round u-group-1">
      <div class="u-container-layout u-valign-middle u-container-layout-1">
        <h2 class="u-custom-font u-heading-font u-text u-text-body-alt-color u-text-1" style="color:#ff0000;"> 11111111How to Get Consulting Clients</h2>
        <p class="u-large-text u-text u-text-body-alt-color u-text-variant u-text-2">Nibh venenatis cras sed felis eget velit aliquet sagittis id. Tellus pellentesque eu tincidunt tortor aliquam nulla. </p>
        <p class="u-text u-text-body-alt-color u-text-3">Image from <a href="https://www.freepik.com/photos/business" class="u-active-none u-border-1 u-border-white u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-1">Freepik</a>
        </p>
        <a href="#" class="u-active-palette-1-light-3 u-border-none u-btn u-btn-round u-button-style u-hover-palette-1-light-3 u-radius-50 u-text-active-palette-1-base u-text-hover-palette-1-base u-white u-btn-2">read more</a>
      </div>
    </div>
    <div class="u-shape u-shape-svg u-text-palette-1-base u-shape-3">
      <svg class="u-svg-link" preserveAspectRatio="none" viewBox="0 0 160 160" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-a0bf"></use></svg>
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 160 160" x="0px" y="0px" id="svg-a0bf" style="enable-background:new 0 0 160 160;"><path d="M80,30c27.6,0,50,22.4,50,50s-22.4,50-50,50s-50-22.4-50-50S52.4,30,80,30 M80,0C35.8,0,0,35.8,0,80s35.8,80,80,80
s80-35.8,80-80S124.2,0,80,0L80,0z"></path></svg>
    </div>
  </div>
</section>

Last edited 13 April 2022 by syonline