- This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago by
Leo.
-
AuthorPosts
-
February 10, 2020 at 11:22 am #1160947
Max
Hi there,
I am using the latest GP Premium and WordPress.
I know this is somewhat off topic but I would greatly appreciate your help with it – getting a response from the plugin’s author would probably take months and you guys are so knowledgeable that it might just take a few minutes. If it does not – I will let it go.
I am using a plugin (BC-DSGVO), to show a cookie notice, amongst other things.
I styled it using CSS. So far everything works fine – except for what it looks like on mobile.
Namely there are two issues (the rest of the changes I made work): In all of the mobile browsers I tested there is 1.) no transparency of the background colour (black) and 2.) the text is not centered. On desktop everything is fine. I already looked for possible solutions but the odd thing is the discrepancy between mobile and desktop (tested on android). Mobile view on desktop however, displays everything correctly.This is the code I used:
.cc-window.cc-banner { text-align: center !important; background-color: rgba(0, 0, 0, 0.7) !important; }
Thank you and best wishes
February 10, 2020 at 11:33 am #1160957Leo
StaffCustomer SupportHi there,
I took a quick look and from the code standpoint, it should have transparency across all device:
https://www.screencast.com/t/JBmgRtRAg3bII’m not sure why it’s showing a solid color on mobile as well.
Can you try this CSS and see if it helps?
@media (max-width: 768px) { .cc-window.cc-banner { background-color: rgba(0, 0, 0, 0.7) !important; text-align: center !important; } }
If not then you will need to take it to the plugin author unfortunately.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 10, 2020 at 11:42 am #1160963Max
Thank you for the quick response and suggestion.
I had already tried that – and again, unfortunately it did not work. I will contact the plugin developer.February 10, 2020 at 11:46 am #1160965Leo
StaffCustomer SupportSounds good ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 18, 2020 at 1:08 pm #1169593Max
Ok it turns out that I had to use a different CSS class in order to make the whole thing transparent and centered on mobile as well. Now it works!
February 19, 2020 at 8:45 am #1170595Leo
StaffCustomer SupportGlad you found a solution ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.