Cookie banner center alignment problem

  • Resolved adam21337

    (@adam21337)


    2 years, 10 months ago

    Dear Support Team,?

    I would like to have my cookie banner text and buttons horizontally centered, that’s why I use custom css.?However, this has a problem and the cookie banner does not correspond to the cookie banner preview. Cookie banner preview please see at picture 1.
    Basically the “Save preferences” button is set as “display:block”. For my?custom?css I have set “display:inline-block” to have all of my cookie banner buttons horizontally centered. As a result, the “save preferences”?button is left aligned, although the preview banner is o.k.?Please see the result at picture 2.
    Could you help me, how to set my whole cookie?banner with all its buttons center aligned??Please see my website at?https://www.irasszakertoi-velemeny.hu/ and click Preferences button to reproduce the problem.?
    Please have a look at my screenshots at
    https://drive.google.com/file/d/1-JmyZ6PTrsRndgPFlfIuqLLAE8lsZOiC/view?usp=sharing for picture 1
    and
    https://drive.google.com/file/d/1dtsFhrU-KNqozd9qHIrNBG5XJRM2fwSw/view?usp=sharing for picture 2.

    Thanks for your advice in advance,?
    Adam

    • This topic was modified 2 years, 10 months ago by adam21337.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor jarnovos

    (@jarnovos)

    Hi @adam21337,

    I disabled some of the styles (in DevTools) that you had added previously, please find a screenshot of the styles I had disabled: Schermafbeelding-2022-01-21-om-10-09-55

    Then I added the below CSS, which results in the banner as shown here: Schermafbeelding-2022-01-21-om-10-08-15

    .cmplz-cookiebanner .cmplz-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    Just let me know if that works for you as well.
    Kind regards,
    Jarno

    Thread Starter adam21337

    (@adam21337)

    Hi Jarno,
    Thanks for sharing the solution, it works.

    Hello ,

    Can you show me how is your banner now please ?

    I like it thank you ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cookie banner center alignment problem’ is closed to new replies.