Hi Phil,
we have not received your mail, can you write here your problem?
Thread Starter
prouin
(@prouin)
I m trying to style Ginger EU for a client on http://www.gainjet.net/gainjetsite
I would like to have the following result.
http://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
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
Thread Starter
prouin
(@prouin)
Thanks for your help !
For me it is not.
check below screen dump.
http://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
Thread Starter
prouin
(@prouin)
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.
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
Thread Starter
prouin
(@prouin)
Thks a lot. Can you delete this then ?
