Promo Vertical - Styling Questions

[Scott_Howlett]

Hi Team,

I’m working on enhancing my client’s promo build so that they can add additional promo entities that are text only, so without the current app CTAs we show within the card. Find below an example of the current card layout:

I’ve got the logic working whereby the app CTAs can be hidden by a boolean custom field, but I’m now running into some styling issues that I need a little bit of help with if possible.

1. I’ve added a CTA into the card but I’d like that to show on the same line as the description, just at the far right end. How can I tweak my .hbs / answers.scss file to allow for that?

2. The client would like to control the background colour of the card via a custom field on the entity, is that possible? Ideally we’d have a single-line text field that they’d add the HEX value into and it would update the background. Currently the card background is set via the answers.scss file.

3. I’ve added a white underline on hover of the CTA label. However, if you hover over the chevron icon a blue underline shows - how can I override this? I added the below to the answers.scss file but it hasn’t worked.

  .HitchhikerStandard.promo-card {
    .HitchhikerCTA-iconWrapper {
        color: white;

      &:hover {
          text-decoration: underline;
          color: white;
      }
    }
  }

Thanks, below is a screenshot of where I’ve got the card to currently on preview.