• Resolved godvad89

    (@godvad89)


    Hi,

    Is there a way to move the welcome text and call-to-action button?

    As for now, I think it’s to high in the header.

    See example here: https://imgur.com/NwsGMxn

    I made the red arrow to show, where I would like to move the text and CTA.

    Thanks in advance ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • In your Child Theme or CSS Editor Plugin try this code:

    .welcome-button {
      top:50px;
    }

    Just adjust the 50px

    *Note
    If your theme has a custom CSS Editor in it, you can also paste the code in there.

    Never edit core CSS or PHP files, they’ll be deleted when the theme is updated.

    Thread Starter godvad89

    (@godvad89)

    Hi Erik,

    Thanks for the quick reply.

    It work very well – thank you!

    But how do I move the welcome text further down? ??

    Thread Starter godvad89

    (@godvad89)

    I’ve just encountered a new problem.

    After I moved the Welcome button further down, it moves back to it’s original place, when I press the button.

    How do I solve that? ??

    Thread Starter godvad89

    (@godvad89)

    Never mind.

    I figured it out with help from Erik’s piece of code ??

    I wanted to move the welcome text and CTA box. By using the code below it was possible.

    .welcome-info {
      top:225px;
    }
    
    .welcome-button {
      top:50px;
    }
    
    .welcome-button,
    .call-to-action {
        top:50px;
    }
    
    .welcome-button:active,
    .call-to-action:active {
          top:50px;
    }
    
    .welcome-button:hover,
    .welcome-button:visited,
    .call-to-action:hover,
    .call-to-action:active {
           top:50px;
    }
    
    .welcome-title {
      top:225px;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move welcome text in header’ is closed to new replies.