Call to Action button transparency

  • Hello,

    I’m currently working on a new homepage for my website, and am planning to use a full-screen extended header and call to action buttons — yet while exploring my options, I stumbled upon a little thing:

    I can’t seem to be able to make the call to action button transparent with only an outline as seen on the Bento Theme’s homepage’s right button.

    Could someone help shine some light on how to achieve that, for all I am able to do is change the buttons entire colour?

    Thanks in advance for any answers,

    Warm greets,
    Kiyo

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hello @bykiyo , thanks for choosing Bento (and kudos for helping with the other thread!)

    Allow me to explain: the first call-to-action button is considered the primary one in Bento; it will always have a solid-color background; the second one you add is the secondary CTA button, and it, in turn, will only have an outline.

    If you want to use the primary button with transparent background, you can try this custom CSS snippet (to be added to the “Additional CSS” tab of the Appearance –> Customize admin section):

    .post-header-cta-primary { background-color: transparent !important; }

    Thread Starter bykiyo

    (@bykiyo)

    Hi @satoristudio, thanks so much for the fast reply! (And, apologies for the late response…)

    Ah, now I understand, that makes sense — yet, thank you so much for providing the code to achieve the look I desired nevertheless; I’ll have have a go with it later today (:

    Warm greets,
    Kiyo

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Call to Action button transparency’ is closed to new replies.