Code from CSS Lesson 14

  • Resolved r3qlzz

    (@r3qlzz)


    4 years, 3 months ago

    hello , i am trying to add the cookies like is mentionned in 14 lesson but the cookies doesn’t appear .

    I have already install the plugin awesome font 

    .cmplz-manage-consent {
display:block; 
color:white!important; /* text color */
background:#333333!important; /* background color */
padding:20px; 
border-radius:0px;
}
.cmplz-manage-consent {
font-family: inherit; /* set the font family */
font-weight: 500;
}
.cmplz-manage-consent::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  
  	content: "\f564"; 
  	display: inline-block;
  	padding-right: 20px;
  	vertical-align: middle;
	  color: yellow; /* change color if needed */
}

    Thank you for help 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Aert

    (@aahulsebos)

    4 years, 3 months ago

    Hi @r3qlzz,

    Somehow I created two lessons, please try the latest;

    https://complianz.io/css-lesson-23-your-manage-consent-button-as-floating-widget/

    If you need help, please post your URL under “the page I need help with:” so we can have a look.

    regards Aert

    Thread Starter r3qlzz

    (@r3qlzz)

    4 years, 3 months ago

    Hi again,

    Hmmm i can try this one tomorow but i prefered the first one , its more professional in my opinion…

    But maybe we can make a one consent cookies box with both of them lesson ?

    Thread Starter r3qlzz

    (@r3qlzz)

    4 years, 3 months ago

    Hello ,

    Now i am trying this lesson but i have to put some code from lesson 14 and some from this one ?
    Or just this Lesson ?

    my code :

    .cmplz-manage-consent::before {
    font-family: “Font Awesome 5 Free”;
    font-weight: 900;
    content: “\f564”;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    color: white; /* change color if needed */
    }

    #cmplz-manage-consent .cmplz-manage-consent {
    bottom: 5%!important;
    right: 4%important;
    height:auto!important;
    border-radius: 100%!important;
    color: #333!important;
    background: #333!important;
    padding: 15px 15px 15px 15px!important;
    min-width:unset!important;
    }

    But its not work .
    No cookies , no floating and not really like lesson 14

    floating cookies

    Thank you 🙂

    • This reply was modified 4 years, 3 months ago by r3qlzz.
    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 3 months ago

    Hi @r3qlzz,

    Could you please try implementing the code from CSS Lesson 23 under Appearance > Customize > Additional CSS instead?

    Additionally, if you provide a link to your website after doing so, we can verify if it worked or what the issue might be.

    Kind regards,
    Jarno

    Thread Starter r3qlzz

    (@r3qlzz)

    4 years, 3 months ago

    Hello Jarnovos ,

    Its already here i put the code.

    .cmplz-message{
    
}
 /* styles for the message box */
.cmplz-deny{
    
}
 /* styles for the dismiss button */
.cmplz-btn{
    
}
 /* styles for buttons */
.cmplz-accept{
    
} 
/* styles for the accept button */
.cmplz-cookiebanner{
    
} 
/* styles for the popup banner */
.cmplz-cookiebanner .cmplz-category{
    
} 
/* styles for categories*/
.cmplz-manage-consent::before {
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;  
  	content: "\f564"; 
  	display: inline-block;
  	vertical-align: middle;
		margin-left: 1px;
	  color: white; /* change color if needed */
}

#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 5%!important;
    right: 4%important;
		height:auto!important;
    border-radius: 100%!important;
    color: #333!important;
    background: #333!important;
	  padding: 15px 15px 15px 15px!important;		
    min-width:unset!important;
}

/* styles for the settings popup */
.cmplz-soft-cookiewall{} 
/* styles for the soft cookie wall */

/* styles for the AMP notice */
#cmplz-consent-ui, #cmplz-post-consent-ui {} 
/* styles for entire banner */
#cmplz-consent-ui .cmplz-consent-message {} 
/* styles for the message area */
#cmplz-consent-ui button, #cmplz-post-consent-ui button {} 
/* styles for the buttons */

    My link website working :
    https://organizalpha.com/

    Like you can see , its very not what i expect in lesson 23 or 14 🙁
    Very sad i am lol 😀

    Thank you for everything you do everyday 🙂

    Christopher.

    • This reply was modified 4 years, 3 months ago by r3qlzz.
    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 3 months ago

    Hi @r3qlzz,

    There are two main things that I suspect could be the reason for this.

    1) In case you are following CSS Lesson 23: Have you already changed the text on the Manage Consent button (Cookie Banner > “Text on the manage consent button”) to a dot, as mentioned in the article?

    2) It looks like the CSS you attached has been copied from the field under Cookie Banner > Custom CSS, could you try adding the CSS from the CSS Lesson to Appearance > Customize > Additional CSS instead?

    Hope it helps.
    Kind regards,
    Jarno

    • This reply was modified 4 years, 3 months ago by Jarno Vos.
    Thread Starter r3qlzz

    (@r3qlzz)

    4 years, 3 months ago

    Hi again ,
    1) yes in this text i have only ” . ”

    2) I don’t see something in appearance for customize .

    https://zupimages.net/viewer.php?id=22/05/94sf.png

    Yes all my css was here Cookie Banner > Custom CSS

    Thank you 🙂

    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 3 months ago

    Hi @r3qlzz,

    You can find the Customize option in the WordPress menu:
    1

    Then click Additional CSS and paste the CSS to this field.

    As long as you have the Font Awesome plugin activated and a . as your Manage Consent button text, the result should be a button like the one shown here: https://sandboxie.us4.instawp.xyz/

    Hope it helps!
    Kind regards,
    Jarno

    Thread Starter r3qlzz

    (@r3qlzz)

    4 years, 3 months ago

    OK I GOT IT !
    So in fact i have to put nothing in complianz > CSS EXTRA
    I have to put the code in THEME > CSS

    And its work well, very well 🙂

    Because its work like i would , you can make a try https://organizalpha.com/

    Now im going back to my previous post about BANNER COOKIES , if you want a link to my other problems :
    https://wordpress.org/support/topic/begginner-trying-everything/

    Anyway thank you for your help , i wish you a goodnight.

    • This reply was modified 4 years, 3 months ago by r3qlzz.
    • This reply was modified 4 years, 3 months ago by r3qlzz.
    • This reply was modified 4 years, 3 months ago by r3qlzz.
Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Code from CSS Lesson 14’ is closed to new replies.