How can I make the buttons in the Jumbotron section the same?

Illdy
1

How can I make the buttons in the Jumbotron section the same?

Hello everyone, I would like to change the second key of the jumbotron section to make it equal to the first one.
I tried with css but I can not put the background color and edges.

my site

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to add the border tot he second button by going to Appearance > Customize > Additional CSS and pasting it there.


/*Second button border*/
#header .bottom-header .header-button-two {
    border: 3px solid #fff;
}

Best Regards,
Support

3

Ok, I managed to put the edge as I wanted.

But the two edges are not symmetrical, in the sense that the second is higher than the first, can this be fixed?

And how can I make the second transparent key like the first one (only if I step on the mouse pointer, I think it’s called hover)

Thank you

4

hi

  1. edges are not symmetrical, - cant see any difference, please show me a screenshot
  2. hover over button -

this is the code you have added:

#header.header-front-page .bottom-header .header-button-two:hover {
color: #fff !important;
background: rgba(0,0,0,0) !important;
}

you have to change transparency in this code, like this:

#header.header-front-page .bottom-header .header-button-two:hover {
color: #fff !important;
background: rgba(0,0,0,0.2) !important;
}

5

I send you a screenshot so I’ll show you why it’s not symmetrical.
The second key seems to have moved a few pixels upwards.

As for the transparency of the second key it is as if it did not work. I do not understand why. the only thing that does not work on the second key is the hover

6

Hello there,

I hope you are doing well today.

I am looking at the page but the CSS appears to be fine.

Please try clearing the WordPress cache then reload the page:

Best Regards,
Support

7

I tried to do as you told me and it does not work. the problem remains.

8

hi

You have to make changes in the css that was added previously, newly added code cant make override

9

Fixed!!

10

Hello there,

Nice work solving the issue.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support