Change button size front page header

Hello,
I want to change the size of the orange button on the front page in the header, but I can’t find it in CSS (see attachment). If it is possible to change the button in a ‘arrow’ button, that would be very nice too.
How do I change this?

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path. (this contains all the CSS for the button)

Admin Area -> Appearance -> Customize -> Additional CSS

/*CSS For Button*/
#header .bottom-header .header-button-two {
    width: auto;
    height: 63px;
    line-height: 63px;
    background: blue;
    margin: 0 15px;
    padding: 0 70px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    font-size: 16p
}

Best regards,
Support.

Thank you, it works!

Now the only thing I like to know, is how I can change the button like in the picture (see attachment).
It doesn’t have to be exact the same, as long it has a little ‘bottom/down arrow’.

Hey there

Ups, sorry to say but we cant offer such button because it’s not possible by default will require custom work
IS there anything else? :slight_smile:

Thanks for your answer! So it’s not possible to use this button (see attachment)? Because the button can be used for a testemonial?

Hi,

You can add something like this in the , Custom CSS in Appearance -> Customize -> Additional CSS,

.header-button-two {
	display: inline-block;
	position: relative;
	background: darkcyan;
	padding: 15px 0;
	width: 200px;
	text-align: center;
}
.header-button-two:after {
	content: '';
	display: block;  
	position: absolute;
	left: 0;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 20px solid #f1d204;
	border-right: 120px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 120px solid transparent;
}

I get that from this tutorial, you can customize the color and the border right and left, according to your needs.

Let us know,

Thanks,
laranz.

Thank you very much, it works! :slight_smile:

Hi, there

Now I will now close the topic and mark it as resolved.
Feel free to contact us again Thanks!