Change apperance and color one buttons in Shapely

Hi!

Is it possible to get the two buttons on the home screen to look the same?
I would like both button 1 and 2 to have border appearance with a transparent background. I want the border and text color to be #fff. And I would like hoover color to be #ea5d00.

I also need to have buttons in other colors in eg. the portfolio section where I want the border and text to have the color #ea5d00. This due to the white background.

Thanks in advance!

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the button colors by going to Appearance > Customize > Additional CSS and pasting it there.

/*Button 2 color*/
#header .bottom-header .header-button-two {
    line-height: 57px;
    background: rgba(255, 255, 255, 0.2);
    border: 3px solid #fff;
    font-size: 16px;
    color: #fff;
}

#header .bottom-header .header-button-two:hover, #blog .blog-post .blog-post-button:hover, a.button:hover {
    background-color: #ea5d00;
}

As it goes for the portfolio, I would need to see the page, could you please provide the link to the page?

Best Regards,
Support

Thanks a lot!

The page is: www.jaaphoto.no