contactform button is behind background colour
Hi,
In the eventcard I made a custom Metadata field #3, ‘aanmelden’ (with multiple lines of text, editor).
I put the shortcode of a contactform7 in it. It works, but only the send button is shown ‘behind’ the background, so you don’t see it good.
I would like to show the button ‘in front’, or if not possible, make the background of the custom field transparent, or. of not possible, make the background of all the eventcardblocks transparent.
How do I achieve this?
- Jul 12,2024 AT 2:27AM - 10 months ago-
-
Jul 12,2024 AT 3:12AM -
Posted 10 months ago
- #359348
you can add the following css to appearance>>>>customize>>>>additional css
this one controls the button text color
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button {
color: #ffffff;
}
this one controls the button background color
body .et_pb_button {
background-color: rgb(39 72 216 / 91%);
}
-
Jul 12,2024 AT 3:57AM -
Posted 10 months ago
- #359356
So, it is not the background or the color of the button that bothers me, but the fact that the button is BEHIND the background color of the eventcard-Metadatafield-block.
So, how can I change the background color of the Meta-datatextfield #3 to no background color at all? Or transparent with no color.
-
Jul 12,2024 AT 4:17AM -
Posted 10 months ago
- #359366
Hello,
eventcard-Metadatafield-block
Meta-datatextfield #3
Could you send us a screenshot of these two?
I am not sure what do you mean by “…button is BEHIND the background color…”.
-
Jul 12,2024 AT 6:00AM -
Posted 10 months ago
- #359374
So, if you just can give me a hint to turn the background of the eventcard in the Eventcard-designer (the rows) into transparent, then it would be allright.
-
Jul 12,2024 AT 8:27AM -
Posted 10 months ago
- #359380
Here is a video of it, because I cannot take a screenshot:
https://vimeo.com/983074873/d97f4b9668?share=copy
-
Jul 13,2024 AT 12:07AM -
Posted 10 months ago
- #359428
It looks like its behind but it is not
It is white text with a transparent button background which is what your divi theme is telling it to be, so therefore you can’t see it too well and it looks like the background is covering it up- where as if that were true you would not be able to see it at all and not interact with it
see video below on how to set the right color
if you want that gap between the button and date field shown in the video that css is:
body .et_pb_button {
margin-top: 10px;
}
you can change that 10 to how large or small you want the gap
-
Jul 13,2024 AT 2:48AM -
Posted 10 months ago
- #359431
this is great, you’re a genius! Thank you very much!
-
Jul 13,2024 AT 6:16AM -
Posted 10 months ago
- #359433
We are glad your issue is resolved, if you have any further questions or concerns please create a new ticket.
If you have a moment, we would greatly appreciate if you could kindly leave us a review at Codecanyon. By going to your account > Downloads. We are very grateful for your kind review!
-
Jul 12,2024 AT 3:12AM -
Posted 10 months ago
- #359348