[Support request] Download Bottom

[Rafael]

Hi…..

Why download bottom is not displayed here??:

https://ibb.co/4NfcJ4x

Here is the link……….

https://www.rmendez.pro/leyes/ley-3-02-sobre-registro-mercantil/

What I am doing wrong!!!!

Apreciate you help…………..

[Leo]

Hi there,

Not sure if I fully understand.

That looks like a WP core block which the theme doesn’t have any control over.

I just clicked on the Download link and it worked for me though.

Let me know if I’m missing something here.

[Rafael]

I refer to show something like this…………..

https://ibb.co/2N5xXpW

[Leo]

Hmm do you see the actual button style in the editor?

[Rafael]

No…but I see it in the frontend………

[Leo]

Sorry I’m a bit confused again.

So the issue is in the editor and not the front end?

[Rafael]

The issue is in the front end…………..

[Fernando]

Hi Rafael,

Are you referring to the Button not displaying as it should in the Frontend compared to what’s set in the Editor?

For clarity, can you take a screenshot of the Block settings of this Download button on the Backend as well?

[Rafael]

Here you have…………

https://ibb.co/RHm8YGS

[Fernando]

Hi Rafael,

I see. This Block isn’t from GeneratePress or GenerateBlocks. It’s from WordPress. We have no control over that Block. Are you trying to alter how it looks in the front end?

If so, you can give the File Block a class of cu-download-button in its class list. Example: https://share.getcloudapp.com/v1uEvWlv

Then, add this through Appearance > Customize > Additional CSS:

.wp-block-file.cu-download-button .wp-element-button{
    padding: 5px 10px;
    background-color: #7777ee;
    color: #fff;
}

You may change the values to your preference.

If you’re referring to something else, let us know.

[Rafael]

Hi Fernando…..

I copied the css code and insert the class in the post, but still no show the bottom.

See here……

https://ibb.co/52PrCcp

[David]

Hi there,

remove any CSS you have so far, and add this CSS:

.wp-block-file *+.wp-block-file__button {
    background-color: var(--accent);
    color: var(--base-3);
}

[Rafael]

HI….

Still not working David………

I removed insert CSS and inser the class to the post….

See here…………

https://www.rmendez.pro/leyes/decreto-4807-sobre-control-de-alquileres/

[David]

You have an error in your other CSS – see this:

.grecaptcha-badge { visibility: hidden; }
 display: flex;
}

That is broken. Delete that and change it to:

.grecaptcha-badge { 
    visibility: hidden;
    display: flex;
}

Then the other CSS will work.

[Rafael]

Yes…….Thanks David…..its working now………

[Author]

Posts