Styling

Hi Phil,
we have not received your mail, can you write here your problem?

I m trying to style Ginger EU for a client on https://www.gainjet.net/gainjetsite
I would like to have the following result.

https://prntscr.com/9xtcmk

My issues :
1/ I would like to decrease the position of the Ginger pop up
2/ I would love to center the button
3/ On overlay would love to have the same size.
4/ I would like to underline in white the but the CSS styling is not working.

Here is my custom CSS
.ginger_container.top {
left: initial;
right: 20px;
top: 20px;
height: 220px;
width: 200px;
}
.ginger_btn{
padding:3px !important;
font-size:12px !important;
width: 120px !important;
margin:3px !important;
}
.linkstyle
a:link {
color: #ffffff;
text-decoration: underline;
}

/* visited link */
a:visited {
color: #cccccc;
}

/* mouse over link */
a:hover {
color: #ffffff;
}

/* selected link */
a:active {
color: #ffffff;
}

Additionally the Ginger EU cookie pop up is featured on left page on IE instead on right (as it is on Chrome/Safari/Firefox).

Here is my html
<h1 style=”font-size: 13px; color: #fff; margin-bottom: 0px;”>Cookies Policy</h1><p style=”font-family: Roboto, sans-serif; font-size: 10px; text-align: justify; color: #fff; line-height: 19px;”>GainJet.com uses cookies to improve user experience. We also show safe and secure advertising to support this site. By using our website you consent to our cookies in accordance with our Cookie Policy.</p>

Thanks a lot for your kind help.

Best rgds

Any feedback ?

Hi prouin
try to force css rules with !important directive, like this:

.ginger_container.top {
left: initial !important;
right: 20px!important;
top: 20px!important;
height: 220px!important;
width: 200px!important;
}
.ginger_btn{
padding:3px !important!important;
font-size:12px !important!important;
width: 120px !important!important;
margin:3px !important!important;
}
.linkstyle
a:link {
color: #ffffff!important;
text-decoration: underline!important;
}

/* visited link */
a:visited {
color: #cccccc!important;
}

/* mouse over link */
a:hover {
color: #ffffff!important;
}

/* selected link */
a:active {
color: #ffffff!important;
}

In my local install it worked

Thanks for your help !
For me it is not.
check below screen dump.
https://prntscr.com/a0imcq

would like to have the

1/ I would like to decrease the position of the Ginger pop up (check 1 ->)
2/ I would love to center the button OK
3/ On overlay would love to have the same size. OK
4/ I would like to underline in white the -> not working.

Many thanks for quick feedback!
Grazie

Pending only 2
1/ I would like to decrease the position of the Ginger pop up (check 1 ->)
4/ I would like to underline in white the -> not working.

Any feedback ?

I’m sorry but we cannot be involved in specific css problem and customizations.
We have few time and we must focalize on new development and bug fixes.

I suggest you to try forcing height and text-decoration

Thks a lot. Can you delete this then ?