[Resolved] Button (re)size in Page Hero Example-3

[Dr Hatice]

Hi there,
I used the Page Hero Example-3.

I want to increase the button size, the space between the buttons and the size of the typography of the buttons.

How can I manage this?
Thanks,
hatice

[Tom]

Hi there,

Something like this should do it:

.page-hero-buttons .button {
    font-size: 25px;
    margin: 10px;
}

Let me know 🙂

[Dr Hatice]

Hi Tom,
Thank you very much for the fast reply.
And yes it is OK now.
Hatice.

[Tom]

No problem! 🙂

[Dr Hatice]

May I ask additional issue here? Or open new topic?

How I can make the button open on a new page? Now it is forwarded to the ‘href’ link page.

Many thanks
Hatice

[David]

Hi there,

its semi related so we can reply here.
You need to add the target="_blank" attribute to your button HTML

eg. this:

<a class="button" href="https://YOURURL.com/contact/">Book a call</a>

becomes:

<a class="button" href="https://YOURURL.com/contact/" target="_blank">Book a call</a>

[Dr Hatice]

Thank you David.

Thanks again very quick reply.

It is ok with the shop page (which is sub-domain) It has worked. The buttons are now open in a new page.

But main domain buttons are not open in new window. Maybe there is something different in css files. I am not sure.
Hatice

[Leo]

It wouldn’t be a CSS issue.

Can you open a new topic and link us to the page in question?

Thanks 🙂

[Dr Hatice]

ok

[Leo]

Thanks 🙂

[Dr Hatice]

It is working now. Everything is ok.
Thanks for the support.
Hatice

[Leo]

Glad to hear 🙂

[Author]

Posts