How to target cookie bar in css to change position

  • Resolved tinatunasandwich

    (@tparkmedia)


    6 years, 3 months ago

    I am setting this up locally. I have the cookie bar set up in WordPress to be shown in Footer because this is how I want it for the site in general. However, for one page only I’d like for it to be in the header. I’m trying to select it with css but in Chrome Inspector the position is fixed as element styles; does not have an id or class therefore I can’t find the code that’s making that fixed.

    Could you just point me to the actual class/id name in what css directory in the code – I am customizing it locally so I have the plugin’s entire codebase – that is setting this position: fixed; bottom: 0 ?

    Thank you!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WebToffee

    (@webtoffee)

    Hi @tparkmedia,

    Use below class to customize the cookie bar and place it in the required page template.

    #cookie-law-info-bar{   
      /* write custom style here */
}

    Hi webtoffee

    I’m trying to use the cookie bar as footer. But it hides the Footer Menu. So i would like to move the cookie bar some pixels up. I’dont like to show the bar in header or as popup. I tried following css code but it did not work:

    .cookie-law-info-bar{
    position: fixed;
    bottom: 50px;
    }

    Is this possible to move the bar up a little bit? Thanks!

    Plugin Author WebToffee

    (@webtoffee)

    Hi @pb75,

    You may please use the code snippet below:

    #cookie-law-info-bar{
position: fixed;
bottom: 50px !important;
}

    Ahh! Great!! thank you very much! This is such a great Plugin!

    • This reply was modified 6 years, 3 months ago by pb75.
    Plugin Author WebToffee

    (@webtoffee)

    Hi @pb75,

    If you like the plugin, please leave us a review.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to target cookie bar in css to change position’ is closed to new replies.

Tags