Member Avatar for sols4comp

Hi All,

I have an issue with a js file that appears to be conflicting with my CSS file.

Basically my website and CSS work fine. I then incorporate a cookie consent and this is when the problem starts.

I don't know very much about js so would like some help in correcting the issue.

It appears to be a conflict between a certain line of code in the CSS file which is in regards to the position. This then effects the layout of the Cookie Consent Preferences that the js file contains.

I have included a copy of the code from the CSS file and also the js file.

Thank you in advanced for your help.

CSS code:
ul { list-style-type:none;
margin: 0 auto;
padding-left:0;
text-align: center; position: absolute;
background: #FF7600;}

JS Code: (here is a link to code as too big to post)
www.cookieconsent.com/releases/3.1.0/cookie-consent.js

Edited by sols4comp
  • 2 Contributors
  • 1 Reply
  • 24 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by AndreRet
Member Avatar for AndreRet

You can either add the code that interferes with your css into your own css file to manipulate the design, in this case the ul element.

You can also try to add your css file AFTER the java css file which mean the rest of your design is fine, this is however very hacky and might bite you in the future.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.