Firmanavn

Heading 1

CSS - tilføjes i Tilpas > Ekstra CSS:

				
					.elementor-button-text, .master-label .elementor-heading-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}

.buttoncircle {
    width: 8px;
    height: 8px;
    background-color: var(--cta);
    border-radius: 2px !important;
}

.circle-label {
    width: 8px;
    height: 8px;
    background-color: var(--primaer);
    border-radius: 2px;
}

.left-nav:before {
    backdrop-filter: blur(20px);
}

.icon-active {
    height: 24px;
    width: 32px;
    background-image: url("https://framework.dk.prolinux101.curanetserver.dk/wp-content/uploads/2026/06/person.jpg");
    background-size: cover;
    background-position: center center;
    border-radius: 8px;
    position: relative;
}

.icon-active .active-dot {
    position: absolute;
    border-radius: 2px;
    padding: 2px;
    inset: auto 0% 0% auto;
    height: 8px;
    width: 8px;
    background-color: var(--sekundaer);
}

.elementor-button .elementor-button-text {
    display:inline-flex;
    align-items:center !important;
}

/* alle bogstaver samles her → gap rammer kun wrapperen, ikke hvert bogstav */
.elementor-button .rl-wrap{
  display:inline-block;
  white-space:nowrap;
}

.elementor-button .rl{
  display:inline-block;
  overflow:hidden;
  height:24px;
  line-height:24px;
  vertical-align:top;
}

.elementor-button .rl > span{
  display:block;
  transition:transform .55s cubic-bezier(.19,1,.22,1);
  transition-delay:calc(var(--i) * 22ms);
  will-change:transform;
}

.elementor-button .rl > span::before{
  content:attr(data-c);
  display:block;
}

.elementor-button:hover .rl > span,
.elementor-button:focus-visible .rl > span{
  transform:translateY(-50%);
}

Javascript - tilføjes i Elementor > Editor > Custom Elements > Kode
Lokation: Body - end
Prioritet: 10

				
					<script>
(function(){
  function splitBtn(textEl){
    if(textEl.dataset.rolled) return;
    textEl.dataset.rolled = '1';
    var i = 0;
    Array.prototype.slice.call(textEl.childNodes).forEach(function(node){
      if(node.nodeType !== 3) return;                 // behold .buttoncircle / ikoner
      var wrap = document.createElement('span');
      wrap.className = 'rl-wrap';                      // fælles wrapper om alle bogstaver
      node.textContent.split('').forEach(function(ch){
        if(ch === ' '){
          wrap.appendChild(document.createTextNode('\u00A0'));
          i++;
          return;
        }
        var outer = document.createElement('span'); outer.className = 'rl';
        var inner = document.createElement('span');
        inner.setAttribute('data-c', ch);
        inner.textContent = ch;
        inner.style.setProperty('--i', i++);
        outer.appendChild(inner);
        wrap.appendChild(outer);
      });
      textEl.replaceChild(wrap, node);
    });
  }
  function run(){
    document.querySelectorAll('.elementor-button .elementor-button-text').forEach(splitBtn);
  }
  if(document.readyState !== 'loading') run();
  else document.addEventListener('DOMContentLoaded', run);
})();
</script>