Catapult_Themes on "[Plugin: Cookie Consent] Customise text and bottom bar in Cookie Content"

Hi.

I am trying to customise my Cookie Consent bottom bar but struggling to find a solution.

How can I have the "I ACCEPT" button and the "text" on two lines one below the other?
How can I center align the text and the button in the full width page?

Is there a way to fix the height of the bar?
Is there a way to make the bar 50% transparent instead of solid?
How can I display the texts in the same typography I am using in the rest of the WP theme?

I have no trained knowledge so please be patient with me! A CSS short code that I should just add to WP will be ideal.

Thank you for your help!

Chers,

Carlo

https://wordpress.org/plugins/uk-cookie-consent/

Hi Carlo

The font should be inherited from your theme. Could you post a link to your site so that I can take a look for you?

The other requests just need some CSS added to your theme:

.has-cookie-bar #catapult-cookie-bar { min-height: 45px; /* Increase minimum height */ padding: 25px 20px 25px; /* Increase vertical padding */ background-color: rgba(0,0,0,0.5); /* Change background opacity */
}
.cookie-bar-bar .ctcc-inner { display: block; text-align: center; /* Align text */
}
.ctcc-left-side { display: block; /* Force to first line
}
.ctcc-right-side { display: block; float: none; /* Force below text margin-top: 15px;
}

That should do what you need.

Absolutely spot on!
How can I increase the spacing between the two lines a bit?
Cheers,
C

Just increase the margin in .ctcc-right-side

... and I forgot, how can I have square button coers instead of rounded?

Thanks,

Carlo

There is some good information here to start leaing more about CSS and rounded coers: http://www.w3schools.com/css/css3_borders.asp