Welcome Area Buttons

Hi! I’d like to add another call to action button in the welcome area.

Would you mind guiding me through the process?

Cheers,

Eva

naturalcyclecourier.ca

Hi,

The easiest way would be to use the bundled Revolution Slider (with a video) instead of the video header and you can add as many buttons as you need.
Adding another button in the current situation would require a child theme + some code customization.

Hi Vlad!

I’d like to go the code customization route!

I have my child theme in place and would love another call-to-action button in the welcome area.

Please see naturalcyclecourier.ca

:slight_smile:

Cheers,

ek

Are you sure you took enough time to think about this? :slight_smile:

  • copy the header-slider.php file in your child theme;
  • you’ll see two links with the welcome-button class, copy each of them and paste them right below where they are now;
  • hardcode your values for the href and link title in both your copies by replacing the existing code;
  • add styling if needed/let me know if you need help with it.

Ha ha. Funny.

You’ve done it again! Thank you!

If I want to line them up side by side, I’d need a table yes?

Cheers,

ek

Sorry to be so needy.

Any suggestions as to what I can do so that the buttons display on a mobile phone?

ek

To make them inline you first need to remove that
you added and then add this:


.welcome-button {
    display: inline-block;
}
.welcome-button:first-of-type {
    margin-right: 15px;
}
@media only screen and (max-width: 600px) {
   .welcome-button {
      display: inline-block;
      font-size: 14px;
      padding: 10px 20px;
   }
}

Also makes them smaller and visible on mobiles.