OK so I'm using Elementor Pro and Amelia. I use the Amelia Shortcodes for the services view [ameliacatalog service=2] and I hate the way it looks.
I have tried your simple customization options but they do not blend well with my theme options. I want to get rid of the big wide colored bar at the top of the service (why is that even there it's huge) and make the background transparent so my website background and headers can be seen. I have a dark background and my font is set for my dark background the big white block looks totally out of place in my design.
I tried editing the CSS directly which I know needs to be changed every time it updates and I'd rather go another route but that didn't change it and I did clear cache.
I also tried adding the CSS in my elementor editor and to the child theme - nothing worked. Either I'm using the wrong parts of the CSS or Amelia code reigns supreme and is canceling out my changes. How can I edit this - can I edit this? I'm sorry but it's just not a good fit on a dark site design wise. We REALLY need more design options.
Functionally - it's fantastic and I'm glad I have the unlimited pack but I need more customization options. Thanks
For those viewing this publicly we went private because I don't want my site public yet lol. But I will share the CSS code snippet in case anyone else needs it. :) - I know how annoying it can be when you see the question but not the answer.
.amelia-app-booking #am-service-booking .am-service {
background: transparent !important;
padding-top: 70px !important;
}
.amelia-app-booking div, .am-modal.am-in-body div, div.am-service > div.am-service-info > div > div:nth-child(2) > div > div > span {
color: white !important;
}
div.am-service-gallery {
display: none !important;
}
OK so I'm using Elementor Pro and Amelia. I use the Amelia Shortcodes for the services view [ameliacatalog service=2] and I hate the way it looks.
I have tried your simple customization options but they do not blend well with my theme options. I want to get rid of the big wide colored bar at the top of the service (why is that even there it's huge) and make the background transparent so my website background and headers can be seen. I have a dark background and my font is set for my dark background the big white block looks totally out of place in my design.
I tried editing the CSS directly which I know needs to be changed every time it updates and I'd rather go another route but that didn't change it and I did clear cache.
I also tried adding the CSS in my elementor editor and to the child theme - nothing worked. Either I'm using the wrong parts of the CSS or Amelia code reigns supreme and is canceling out my changes. How can I edit this - can I edit this? I'm sorry but it's just not a good fit on a dark site design wise. We REALLY need more design options.
Functionally - it's fantastic and I'm glad I have the unlimited pack but I need more customization options. Thanks
Hello Grim
This can only be done with custom CSS at the moment.
Can you provide me the URL to the booking page, so I can take a look, and provide the necessary CSS?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
For those viewing this publicly we went private because I don't want my site public yet lol. But I will share the CSS code snippet in case anyone else needs it. :) - I know how annoying it can be when you see the question but not the answer.
Hi again Grim
You're welcome, I'm glad to have been of service!
Also, kudos for sharing the CSS with everyone!
If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
I figured others may want that part. :)
Can I have a CSS code for the overlay too? I want it to have a dark background and white text. Is that possible?
Thanks so much
Grim
Hi again Grim
Can you show me the screenshot of what you mean by overlay? I just want to be sure what you're referring to exactly, so we don't lose time.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Yes I can. Thank you. It's the part where you fill in the form. I'm hoping to be able to make the background #2C053D and the text #EEEEEE.
You have been so helpful thank you so much.
Grim
Sorry it didn't add the image
OMG seriously LOL I'll get it this time
Hey, thanks Grim, but now I can't find the booking page
The URL you left me before is now showing this:
Please share the URL for the booking form, and I'll gladly take a look.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Oh yep sorry I moved it - here you go - https://grimstechbar.com/booking/member-application/
Hi again Grim
Thanks. Here's the code:
I hope that helps.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
It works perfect! Thank you so much!
You're welcome Grim
If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables